div点击穿透事件的处理

90 阅读 0 评论 60 点赞

我是靠谱客的博主虚幻饼干，最近开发中收集的这篇文章主要介绍div点击穿透事件的处理，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

用： e.stopPropagation()

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

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

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

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

以上就是虚幻饼干为你收集整理的div点击穿透事件的处理的全部内容，希望文章能够帮你解决div点击穿透事件的处理所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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