我有一个用于触摸事件的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
事件时,它都会完全忽略我的条件,并不断超越我所布置的坐标。有什么建议么?
最佳答案
您可以在条件条件中停止事件的传播,但仍使用左侧的CSS属性。如果您希望避免这种情况,请通过从条件语句返回退出事件处理程序。传播用于将事件传播到DOM
层次结构中更高的DOM
元素。
关于javascript - 触发touchmove时停止元素,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/17430587/