开发者社区> 问答> 正文

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

screenshot

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

展开
收起
杨冬芳 2016-06-02 16:10:48 2386 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

    2019-07-17 19:25:09
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载