<!DOCTYPE html>
<html>
<head>
<title>event</title>
</head>
<body>
<div id="obj1">
obj1
<h5 id="obj2">obj2</h5>
<h5 id="obj3">world</h5>
</div>
<script type="text/javascript">
var obj1=document.getElementById('obj1');
var obj2=document.getElementById('obj2');
obj2.onclick = function(){
alert("obj2 click")
}
obj2.onclick = function(){
alert("obj2 click2")
}
obj1.addEventListener('click',function(){
alert('obj1');
},true);
obj2.addEventListener('click',function(){
alert('obj22');
},true)
obj2.addEventListener('click',function(){
alert('obj2');
},true)
document.body.addEventListener('click',function(){
alert('body');
},false)
</script>
</body>
</html>
事件的处理分冒泡 和捕获 ,冒泡是从内往外,捕获是从外往内
正常的onclick 是冒泡 ,addEventListener 要看第三个参数,如果是true则是捕获机制,如果是false则是冒泡机制,
如果过时onclick和false同事的话,在chrom谁先声明谁先触发,如果同一个dom多次addEventListener,则会执行多次,谁先声明谁先执行,如果同一dom多次onclick,则只执行一次,谁最后声明,就执行谁。