js顶层元素绑定的事件与底层绑定的事件冲突改怎么办
如上图所示
蓝色边框区域z-index大于黑色边框区域
蓝色边框区域和黑色边框区域都绑定了touchstart, touchend, touchmove事件
黑色边框绑定事件用于反馈上下滑动
蓝色边框绑定事件用于反馈左右滑动
但是在蓝色区域内滑动是,例如从左下滑到右上,其实我只想触发蓝色边框区域内左右滑动的反馈
但是这种时候也会触发上下滑动的反馈
有什么好办法是我在蓝色区域内进行的滑动不会触发到黑色边框区域的绑定的事件
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
如果是用jquery的话，可以使用
event.stopPropagation()来阻止事件冒泡。非jquery的话，你需要做点兼容。
如果是我，我会在这两个DOM的父类绑定事件，然后根据xy坐标来判断滑动的方向，然后再操作黑蓝。