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

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

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


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


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

【热门文章】
【热门文章】