zoukankan      html  css  js  c++  java
  • html 消息 捕获与冒泡

    <html>
    <head>
    <title>捕获 与 冒泡  实例</title>
    </head>
    <body>

    <div id="div_test">
    <p id="p_test">test test test test test test test test</p>
    </div>

    <input type="button" value="捕获" onclick="bh()">
    <input type="button" value="冒泡" onclick="mp()">
    <script language="javascript" type="text/javascript">

    function bh(){

    var div = document.getElementById("div_test");
    var p = document.getElementById("p_test");

    div.addEventListener("click",div_ok,true);

    p.addEventListener("click",p_ok,true);

    }

    function mp(){

    var div = document.getElementById("div_test");
    var p = document.getElementById("p_test");

    div.addEventListener("click",div_ok,false);

    p.addEventListener("click",p_ok,false);

    }

    function div_ok(){
    alert("div capture");
    }

    function p_ok(){
    alert("p capture");
    }

    </script>
    </body>
    </html>

    捕获 div_capture  p_capture

    冒泡 p_capture div_capture

  • 相关阅读:
    02
    01
    Redis、Mongo
    Django
    Django
    Django
    Django
    7.2
    Django
    contenttypes
  • 原文地址:https://www.cnblogs.com/opaljc/p/2420348.html
Copyright © 2011-2022 走看看