H5面试——如何阻止事件冒泡和默认事件

最新推荐文章于 2023-01-18 22:57:06 发布

肉嘟嘟_

最新推荐文章于 2023-01-18 22:57:06 发布

阅读量1.4k

点赞数

分类专栏： H5面试

本文链接：https://blog.csdn.net/cq7421/article/details/77198632

版权

H5面试专栏收录该内容

11 篇文章 0 订阅

订阅专栏

如何阻止事件冒泡和默认事件

<body>
    <div id="div1">
        <p id="p1">捕获和冒泡的演示</p>
    </div>
    <div id="div2">
        <p id="p2">捕获和冒泡的演示</p>
    </div>
</body>
<script>
    //阻止冒泡的方法：
    // 方法一：event.stopPropagation(),该方法只能阻止click事件的冒泡。

    var div1 = document.getElementById("div1");
    var p1 = document.getElementById("p1");
    p1.οnmοuseοver=click1;
    p1.stopPropagation();
    div1.οnmοuseοver=click2;
    div1.stopPropagation();
    function click1(){
        alert("段落1被单击了");
    }
    function click2(){
        alert("div1被单击了");
    }
</script>

肉嘟嘟_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5面试——如何阻止事件冒泡和默认事件

如何阻止事件冒泡和默认事件捕获和冒泡的演示捕获和冒泡的演示 //阻止冒泡的方法： // 方法一：event.stopPropagation(),该方法只能阻止click事件的冒泡。 var div1 = document.getElementById("div1"); var p1
复制链接

扫一扫

专栏目录