div点击穿透事件的处理

189 阅读 0 评论 125 点赞

我是靠谱客的博主虚幻饼干，这篇文章主要介绍div点击穿透事件的处理，现在分享给大家，希望可以做个参考。

第一种，因为是冒泡了，所以阻止冒泡

用： e.stopPropagation()

阻止跳转或表单提交，用event.preventDefault() 方法阻止元素发生默认的行为。

第二种，因为div2覆盖在div1里面，所以不管你点击那个地方，都是触发了div1的区域，所以当点击的时候，判断这个区域是不是div2的区域，如果是的话，就触发div2，如果不是的话就触发div1

第三种，弹框场景，遮罩层和弹窗框，弹窗框在遮罩层的上面，点击弹框的时候不会点击到遮罩层，点击遮罩层的时候可以关闭弹窗。

小程序在大的层绑定点击事件，不但父层要个参数，每个子层都要给参数，data-cid，不然放在父层，子层获取不到参数。

以上就是虚幻饼干最近收集整理的关于div点击穿透事件的处理的全部内容，更多相关div点击穿透事件内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。