JavaScript——取消冒泡事件

最新推荐文章于 2021-08-09 18:26:36 发布

慢慢学编程

最新推荐文章于 2021-08-09 18:26:36 发布

阅读量94

点赞数

分类专栏：慢慢找工作

本文链接：https://blog.csdn.net/weixin_40492102/article/details/103749591

版权

慢慢找工作专栏收录该内容

50 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>取消冒泡事件</title>
</head>
<style>
    .div1 {
        width: 300px;
        height: 300px;
        background: red;
    }
    
    .div2 {
        width: 100px;
        height: 100px;
        background: yellow;
    }
</style>

<body>
    <div class="div1" id="div1">
        <div class="div2" id="div2"></div>
    </div>
</body>
<script>
    div1.onclick = function(e) {
        alert('div1');
    }
    div2.onclick = function() {
        var e = window.event || e;
        if (e.stopPropagation) {
            e.stopPropagation();
        } else {
            e.cancleBubble = true;
        }
        alert('div2');
    }
</script>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

慢慢学编程

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript——取消冒泡事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>取消冒泡事件</title></head><style> .div1 { width: 300px; ...
复制链接

扫一扫