js顶层元素绑定的事件与底层绑定的事件冲突改怎么办


图片描述

如上图所示
蓝色边框区域 z-index 大于黑色边框区域
蓝色边框区域和黑色边框区域都绑定了 touchstart, touchend, touchmove 事件
黑色边框绑定事件用于反馈上下滑动
蓝色边框绑定事件用于反馈左右滑动
但是在蓝色区域内滑动是,例如从 左下滑到右上 ,其实我只想触发蓝色边框区域内 左右滑动 的反馈
但是这种时候也会触发 上下滑动 的反馈
有什么好办法是我在蓝色区域内进行的滑动不会触发到黑色边框区域的绑定的事件

css JavaScript 事件监听

東方院静歌 9 years, 10 months ago

如果是我,我会在这两个DOM的父类绑定事件,然后根据xy坐标来判断滑动的方向,然后再操作黑蓝。

JHAIW answered 9 years, 10 months ago

如果是用jquery的话,可以使用 event.stopPropagation() 来阻止事件冒泡。
非jquery的话,你需要做点兼容。

恶势力出现 answered 9 years, 10 months ago

Your Answer