JavaScript[01.03]

来源:互联网 发布:depthmap软件 编辑:程序博客网 时间:2024/06/05 08:42

事件流

冒泡会从input到div到body到html
event.stopPropagation()阻止事件的继续传播

<html id="h1">    <body id="b1">          <div id="d1">             <input id="btn"type="Button"value="click me" </input>        </div>    </body>    <script type="text/javascript">    var element1 = document.getElementById("h1");    var element2 = document.getElementById("b1");    var element3 = document.getElementById("d1");    var element4 = document.getElementById("btn");    // true是事件捕获顺序,false是事件冒泡顺序    element1.addEventListener('click',show, false);    element2.addEventListener('click',show, false);    element3.addEventListener('click',show, false);    element4.addEventListener('click',show, false);    function show()    {        alert(this);    }    </script></html>
0 0