jquery – 触摸设备的文档.click功能

我有一个使用jquery工作的子导航 – 用户点击顶级列表项，例如“服务”，触发下拉列表。下拉菜单通过点击“服务”链接切换。我已经使它，所以用户可以点击屏幕上的任何地方，将下拉菜单切换到关闭状态。但是由于网站是响应我希望用户能够点击(触摸)屏幕上的任何地方关闭下拉列表，但我的问题是，它不工作的触摸设备。

我的代码设置为文档点击是：

$(document).click(function(event) { 

  if ( $(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }

});

我假设document.click可能不工作在触摸设备，如果不是，什么解决方法是有实现相同的效果吗？

谢谢

解决方法

要通过点击或触摸触发功能，您可以更改：

$(document).click( function () {

对此：

$(document).on('click touchstart',function () {

或这个：

$(document).on('click touch',function () {

触摸启动事件在元素被触摸时立即触发，触摸事件更像是“轻敲”，即表面上的单个接触。你应该真的尝试每一个，看看什么最适合你。在某些设备上，触摸可能有点难以触发(这可能是好的或坏的东西 – 它防止拖累被计数，但意外的小拖曳可能会导致它不被触发)。

原文地址：https://www.jb51.cc/jquery/184377.html