如何禁用元素和子元素的原生点击事件

最新推荐文章于 2022-12-08 15:26:19 发布

xing2233

最新推荐文章于 2022-12-08 15:26:19 发布

阅读量524

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xing_____/article/details/109955795

版权

javascript 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

利用pointer-events: none;样式控制

详细请查阅mdn

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>如何禁用元素和子元素的原生点击事件</title>
</head>
<body>
    <div id="box" style="width: 100px;height: 100px;pointer-events: none;">
        <div>点我</div>
    </div>

<script>
    const box = document.getElementById('box')
    box.addEventListener('click',function(e){
        console.log('click box')
    })
    box.children[0].addEventListener('click',function (e){
        console.log('click button')
    })


</script>
</body>
</html>