javascript - TouchEnd 结束后开始事件

Question

基本上我有这个移动菜单Link (请调整窗口大小以查看移动菜单)。问题在于，在移动设备上，用户通常会向下滑动来查看内容。手机上的主菜单。松开手指而不是第一次触摸时，有什么方法可以激活菜单的“点击”？问题是，如果您正在滚动并碰巧点击“菜单”，它会打开菜单而不是滚动。页面上的所有其他链接都很好 - 它们只会在您松开手指(而不是第一次触摸)时“点击”。因此，如果用户不小心触摸到“菜单”按钮，则会打开菜单。我只想在用户触摸并释放菜单按钮后显示菜单。为此，我使用了这段代码 -

jQuery(document).ready(function(){
  if (window.Touch) {
    jQuery('#sidr').bind('touchstart', function(e) {
      e.preventDefault();
    });
    jQuery('#sidr').bind('touchend', function(e) {
      jQuery(this).trigger('click');
    });
  }
});

但是它不起作用，有什么建议吗？

我刚刚注意到 preventDefault 不起作用

jQuery(document).ready(function(){
jQuery('#sidr').click(function(e){
    e.preventDefault();
  })
});

Answer 1

尝试使用 jQueryMobile tap handler .它只会在完成触摸事件后触发(即在“touchend”上)。您可以更加严格并使用 taphold handler ，这本质上是一个长触摸。