<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>attachevent、addEventListener绑定事件</title>
</head>
<body>
<script>
window.onload = function(){
var oBtn = document.getElementById('btn1'); //一下事件会产生冲突,最终只弹出b
// oBtn.onclick = function(){
// alert('a');
// }
// oBtn.onclick = function(){
// alert('b');
// } //用attachEvent方法绑定事件
// oBtn.attachEvent('onclick',function(){
// alert('a');
// });
// oBtn.attachEvent('onclick',function(){
// alert('b');
// });
//
// //用addEventListener方法绑定事件
// oBtn.addEventListener('click',function(){
// alert('a');
// },false);
// oBtn.addEventListener('click',function(){
// alert('b');
// },false); //兼容性写法
// if(oBtn.attachEvent){
// oBtn.attachEvent('onclick',function(){
// alert('a');
// });
// oBtn.attachEvent('onclick',function(){
// alert('b');
// });
// }else{
// 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);
}
} myAddEvent(oBtn,'click',function(){
alert('a');
});
myAddEvent(oBtn,'click',function(){
alert('b');
});
}
</script> <input type="button" value="按钮" id="btn1" />
</body>
</html>
04-18 12:17