我是靠谱客的博主 儒雅故事,这篇文章主要介绍前端蒙版遮罩层点击事件穿透,现在分享给大家,希望可以做个参考。

 <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()

        }

最后

以上就是儒雅故事最近收集整理的关于前端蒙版遮罩层点击事件穿透的全部内容,更多相关前端蒙版遮罩层点击事件穿透内容请搜索靠谱客的其他文章。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部