兼容浏览器的js事件绑定函数(详解)

193 阅读 0 评论 128 点赞

我是靠谱客的博主留胡子月饼，这篇文章主要介绍兼容浏览器的js事件绑定函数(详解)，现在分享给大家，希望可以做个参考。

因为javascript中所有对象都集成与Object，那么只有给Object原型添加一个事件绑定函数，就不需要在处理绑定事件的时候，每次写一长串代码，直接调用即可。在代码中添加红色部分代码，直接便可以在代码中直接调用

复制代码

1
2
<div id="mydiv" style="cursor:pointer; background-color:#F00">nihaoa</div> 
<script language="javascript">

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Object.prototype.addListener=function(ev,fn){ 
  if (this.attachEvent) { 
    this.attachEvent('on' + ev, fn); 
  }else{  
    this.addEventListener(ev,fn,false); 
  } 
} 
 
   
var mydiv=document.getElementById("mydiv"); 
mydiv.addListener('click', click1,false); 
mydiv.addListener('click', click2, false); 
console.log(mydiv); 
function click1(){ 
  alert("click1"); 
}   
 
function bclick2(){ 
  alert("click2"); 
}