阅读背景:

JS冒泡事件 与 事件捕获

来源:互联网 

JS冒泡事件 与 事件捕获

案例

<!DOCTYPE html>
<html>
<head>
    <title>冒泡事件</title>
    <script type="text/javascript">
    
        window.onload = function(){
            window.onclick = function(){
                alert("Window"); // 顶级
            };
            
            document.onclick = function(){
                alert("Document"); // 次顶级
            };
            
            document.documentElement.onclick = function(){
                alert("Html"); // 次次顶级
            };
            
            document.body.onclick = function(){
                alert("Body"); // 次次次顶级
            };
            document.getElementById("myDiv").onclick = function(){
                alert("Div"); // 最先执行,并且会传递到上一层。点击两次,则按顺序执行两次。如果上级也有点击事件的话
            };
        }
    

    </script>
</head>
<body>
    <div id="myDiv">点我</div>
</body>
</html>
<!DOCTYPE html>
<html>
<he



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: