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);