addEventListener用法

来源：互联网发布：tplink tl wn725n mac 编辑：程序博客网时间：2024/05/17 10:56

1.给元素添加事件监听,前提:页面加载完成

true 的触发顺序总是在 false 之前；
如果多个均为 true，则外层的触发先于内层；
如果多个均为 false，则内层的触发先于外层。

<div id="outDiv">1  <div id="middleDiv">1<div id="inDiv">请在此点击鼠标。</div>  </div></div><div id="info">1</div>    </div><script type="text/javascript">var outDiv = document.getElementById("outDiv");var middleDiv = document.getElementById("middleDiv");var inDiv = document.getElementById("inDiv");var info = document.getElementById("info");outDiv.addEventListener("click", function () { info.innerHTML += "outDiv" + "<br>"; }, false);middleDiv.addEventListener("click", function () { info.innerHTML += "middleDiv" + "<br>"; }, false);inDiv.addEventListener("click", function () { info.innerHTML += "inDiv" + "<br>"; }, false);</script>

2.给window添加事件监听: window.addEventListener("load",init,true);

0 0