在触发touchmove时停止元素

Question

我有一个用于触摸事件的div，用于扩展我正在构建的移动菜单。到目前为止，我的代码如下：

$("#" + obj.mobileButtonID).on({
    touchmove: function (e) {
        var touch = e.originalEvent.targetTouches[0],
        if (touch.pageX < 0) {
            e.stopPropagation();
        } else if (touch.pageX > 200) {
            e.stopPropagation();
        }
        $(this).css({ left: touch.pageX });
});

本质上，我试图做的是在某些地方停止touchmove事件。假设div位于某个pageX坐标之上或之下。我觉得这已经很接近了，但它并不完全正确。每次触发touchmove事件时，它都会完全忽略我的条件，并不断越过我布置的坐标。

有什么建议吗？

Answer 1

您在条件条件中停止了事件的传播，但仍在应用left css属性。如果您希望阻止这种情况，则通过从条件返回来退出事件处理程序。传播用于将事件传播到DOM层次结构中更高的DOM元素。