javascript 同一事件多次绑定问题详解

假设html页面上有个标签A 绑定一个click事件

一：标签里直接添加事件

<a id="a1"  onclick="alert('a1')" onclick="alert('a2')"  >test4</a>

如果直接这样写的话，会执行哪一个呢？只会输出： a1 ，后一个事件被覆盖掉了

二：javascript绑定

var div =document.getElementById('a1');  
div.onclick = a;  
div.onclick = b;  
function  a(){alert('a');}  
function  b(){alert('b');} 

标签点击后，会执行哪个呢？只有输出： b，前一个事件被覆盖掉、

三：jquery 绑定

$("#a2").click(function(){
alert('a2');
});


$("#a2").click(function(){
alert('b2');
});
$("#a3").bind("click",function(){
alert('a3');
});


$("#a3").bind("click",function(){
alert('b3');
});

标签点击后，会执行哪个呢？会输出所有的事件信息，类似于c#的多播处理，所有事件都会执行

可以看出：绑定的方式不同，事件的执行也不同。