addEventListener用法

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