首页 文章

无法阻止被动事件侦听器内的默认

提问于
浏览 次
22

我正在使用Framework7 sortable list并且它运行良好，只是在列表更改时它不会触发事件 .

所以我正在尝试一些内置事件：

$('.sortable-handler').on('touchstart', function (e) {
    e.preventDefault();
    alert('touchstart');
});

$('.sortable-handler').on('touchmove', function (e) {
    e.preventDefault();
    console.log('touchmove');
});

$('.sortable-handler').on('touchcancel', function (e) {
    e.preventDefault();
    console.log('touchcancel');
});

$('.sortable-handler').mouseleave(function (e) {
    e.preventDefault();
    console.log('mouseleave');
});

..但我得到的是：

由于目标被视为被动，因此无法阻止被动事件侦听器内的默认 . 请参阅https://www.chromestatus.com/features/5093566007214080

我应该寻找哪种事件来获取每种类型的更新列表？

javascript jquery framework7

2 回答

  • 32

    见blog post . 如果您在每个 touchstart 上调用 preventDefault ，那么您还应该有一个CSS规则来禁用触摸滚动

    .sortable-handler {
  touch-action: none;
}
    回复于
  • 2

    要在用户释放当前在新位置排序元素时处理Framework7中的可排序列表，您可以使用以下代码：

    $$('li').on('sortable:sort',function(event){
    alert("From " + event.detail.startIndex + " to " + event.detail.newIndex);
  });

    小提琴：https://jsfiddle.net/0zf5w4y7/

    回复于

相关问题