假设html页面上有个标签A 绑定一个click事件
一:标签里直接添加事件
<a id="a1" οnclick="alert('a1')" οnclick="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#的多播处理,所有事件都会执行
可以看出:绑定的方式不同,事件的执行也不同。