javascript - js顶层元素绑定的事件与底层绑定的事件冲突改怎么办
ringa_lee
ringa_lee 2017-04-10 14:58:34
[JavaScript讨论组]

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

ringa_lee
ringa_lee

ringa_lee

全部回复(2)
黄舟

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

天蓬老师

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号