兼容绑定事件的3种方法

发表于

直接绑定(不利于UI和代码分离,event详见后面）

1
<input type="button" onclick="doEventThing(event)">

DOM事件句柄

1
document.getElementById("divid").onclick = function(){};

侦听函数

1
2
3
4
5
6
7
8
9
var tb = document.getelementbyid("tab1");   
if(window.event==null){// 只有ie下，event是window的对象属性，注意两个侦听函数的区别.该方法只能在没定义event才行  
  td.attachEvent('onclick', function(){alert('21');});   
  td.attachEvent('onclick', function(){alert('21');})  
}  
else { // mozilla, netscape, firefox，w3c  
  td.addEventListener('click', alert('11'), false);   
  td.addEventListener('click', alert('12'), false);   
}