概述
<div style={{ zIndex: 1000, width: "100%", height: "4rem", position: "relative" }}>
<div style={{ position: 'absolute', top: "33%", left: "45%", width: '100%', height: '100%', pointerEvents: "none" }}><img src="./images/common/loading/loading.gif" style={{
width: '40px',
height: '40px'
}} /></div>
</div>添加pointerEvents: "none" 默认不拦截点击事件
第二种方法,原生拦截
this.refs.mask.ontouchmove = function (e) {
e.preventDefault()
}
最后
以上就是儒雅故事为你收集整理的前端蒙版遮罩层点击事件穿透的全部内容，希望文章能够帮你解决前端蒙版遮罩层点击事件穿透所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复