javascript - 无法再在 touchstart 上滚动

Question

我想在我的 li 上添加 touchstart 事件，而不禁用父级上的滚动。

目前，它有效。我在 timeline 上有滚动条，我可以点击 li。

当我添加touchstart时，我可以点击其中一个li，这比手机上的click要好。 但问题是，我无法再在timeline 上滚动了...

我可以区分触摸启动、长按、触摸移动或类似的东西吗？

<ul id="timeline">
  <li></li>
  <li></li>
  ...
  <li></li>
  <li></li>
</ul>

$("#timeline").find(" > li").on("click", function(e){
   e.preventDefault();
   ...
});

我想使用:

$("#timeline").find(" > li").on("touchstart click", function(e){
   e.preventDefault();
   ...
});

Answer 1

看看这个jQuery touchSwipe plugin .

它可以让您检测是长触摸还是短触摸，从而为您解决问题。

例如:

$(function() {  

    $("#timeline").find(" > li").swipe( {
        longTap:function(event, target) {
            event.preventDefault();
            // further code
        },
        allowPageScroll: "auto"
    });

});

此外，您可以启用页面滚动并定义它的处理方式:

Page scrolling demo