事件流
冒泡会从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>