<!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，则只执行一次，谁最后声明，就执行谁。
728
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
