非IE冒泡与捕获

关注

原创最新推荐文章于 2026-04-04 09:29:42 发布 301 阅读 AI 写同款· GEO 优化 ›

张量/数组存储方式与向量化展开/展平、view、reshape、permute对比对于一个Tensor来说，我们可以认为它有两种存储方式。阅读详情

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #div1{
            width:500px;
            height: 500px;
            background-color: aqua;
        }
        #div2{
            width:300px;
            height: 300px;
            background-color:darkcyan;
        }
        #div3{
            width:100px;
            height: 100px;
            background-color:darksalmon;
        }
    </style>
    <script>

        window.onload = function(){
            var div1 = document.getElementById('div1');
            var div2 = document.getElementById('div2');
            var div3 = document.getElementById('div3');

            div1.addEventListener('click',function(){
                alert('div1');
            },true);//捕获
            div3.addEventListener('click',function(e){
                alert('div3');
                e.stopPropagation();

            },true);//目标函数

            div1.addEventListener('click',function(){
                alert('div1');
            },false);//冒泡

            

        }

    </script>
</head>
<body>

<div id="div1">

    <div id="div2">

        <div id="div3">

        </div>
    </div>
</div>

</body>
</html>