javascript - 停止拖动事件的传播

Question

如何停止拖动事件的传播？

目前我的当前代码看起来像这样:

map.on('drag', function(e) {
    e.originalEvent.preventDefault();
    e.originalEvent.stopPropagation();
    console.log('event');
    return false;
});

事件已正确触发，因为我可以在我的控制台中看到日志，但尽管调用了 preventDefault 和 stopPropagation， map 仍被拖动，知道吗？

Answer 1

编辑以反射(reflect)评论中的建议

停止拖动事件的传播不起作用，即

map.on('drag', function(e) {
     $(this).dragging.disable();
     return false;
});

OP 试图防止在 map 上拖动，除非是 2 根手指拖动。为了实现这一点，建议用透明的 div 覆盖 map ，然后在触发双指手势事件时隐藏 div。像...

HTML

<div class='map-container'>
    <div class='overlay' style='width:100%; hwight:100%; background-color:transparent;'>
    </div>
    <div class='map'>
    </div>
</div>

JS/Jquery

$('.overlay').on('touchstart', function (e) {
if (e.touches.length > 1)
    $(this).hide();
});

$('.overlay').on('touchend', function (e){
    $(this).show();
});