javascript事件冒泡

最新推荐文章于 2023-11-14 21:30:05 发布

大侠等等我

最新推荐文章于 2023-11-14 21:30:05 发布

阅读量257

点赞数

本文链接：https://blog.csdn.net/liujh1992326/article/details/84798350

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

javascript事件冒泡

javascript 是事件驱动;事件从dom树底层往上传递，直到dom的根节点;
event.target.id事件产生的节点；event.currentTarget.id当前节点;

简单列子

<html >
<head><meta charset="UTF-8"></head>
<body>
    <div id="block1">
        <div id="block2">
            <a id="block" href="javascript:void(0);">点击我</a>
        </div>
    </div>
</body>
<script type="text/javascript">
    window.onload = function() {  
        document.getElementById("block1").addEventListener("click",function(event){
            console.log('block1');  
        });  
        document.getElementById("block2").addEventListener("click",function(event){
            console.log('block2');  
        });  
        document.getElementById("block").addEventListener("click",function(event){
            console.log('block');  
        });  
    }  
</script>
</html>

阻止冒泡事件

event.stopPropagation()    用于阻止事件冒泡
event.preventDefault()     取消事件默认方法

大侠等等我

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript事件冒泡

javascript事件冒泡javascript 是事件驱动;事件从dom树底层往上传递，直到dom的根节点;event.target.id事件产生的节点；event.currentTarget.id当前节点;简单列子&lt;html &gt;&lt;head&gt;&lt;meta charset="UTF-8"&gt;&lt;/head&gt;&lt;body&gt; &..
复制链接

扫一扫