如下代码中,第二个onclick事件会覆盖第一个事件,
<p id='oo'>ddddddddddddddddddddddddddddddd</p>
<script>
var x=document.getElementById("oo");
x.onclick=function(e){
alert('clicked');
};//会被下面的onclick覆盖
x.onclick=function(e){
e.target.style.color="pink"
}
</script>
如果采用addeventlistener就不会被覆盖
<p id='oo'>ddddddddddddddddddddddddddddddd</p>
<script>
var x=document.getElementById("oo");
x.addEventListener('click',function(e){
alert('ckicked');
});
x.addEventListener('click',function(e){
e.target.style.color="pink"
});
</script>
这也是需要addEventListener这个方法的原因之一!