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

309 阅读 0 评论 204 点赞

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

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

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

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"); 
}

以上这篇兼容浏览器的js事件绑定函数(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。