摘要：
若要将一个方法绑定到一个元素，请在绑定一个方法之后，不要被窗口覆盖。onload=function（）｛alert（'a'）；，window.onload=function（（）｛alert（'b'）｝，我们发现它只弹出一个，一个被覆盖。接下来，假设绑定事件attachEvent（在IE中使用）varoBtn=document。js中的getElementById（'btn1'）；oBtn.附件
想给一个元素绑定一个方法之后，在绑定一个方法而且不被覆盖
window.onload = function () { alert('a'); ｝ window.onlaod=function(){ alert('b') }
我们发现它只弹出一个，有一个被覆盖了
下面就说一下js中的绑定事件
attachEvent（IE中用） var oBtn = document.getElementById('btn1'); oBtn.attachEvent('onclick', function () { alert('a') } ); oBtn.attachEvent('onclick', function () { alert('baa') } ); 但在ff 和chrome 却用不了 在 ff和chrome是用addEventListener 它们是click 而IE中是onclick oBtn.addEventListener('click', function () { alert('a') }, false); oBtn.addEventListener('click', function () { alert('b') }, false);
兼容性判断
var oBtn = document.getElementById('btn1');
if (oBtn.attachEvent) { //IE 中
oBtn.attachEvent('onclick',function () { alert('a') }
);
oBtn.attachEvent('onclick',
function () { alert('baa') }
);
}
else {
//firefox googleChorme
oBtn.addEventListener('click', function () { alert('a') }, false);
oBtn.addEventListener('click', function () { alert('b') }, false);
}
//为了代码好看一点，写一个代码封装判断兼容性
function myAddEvent(obj, ev, fn) {
if (obj.attachEvent) {
obj.attachEvent('on' + ev, fn);
}
else
{
obj.addEventListener(ev, fn, false);
}
}