兼容瀏覽器的js事件綁定函數(shù)(詳解)

發(fā)布時(shí)間：2020-08-24 20:29:25 來(lái)源：腳本之家閱讀：125 作者：jingxian 欄目：web開發(fā)

因?yàn)閖avascript中所有對(duì)象都集成與Object，那么只有給Object原型添加一個(gè)事件綁定函數(shù)，就不需要在處理綁定事件的時(shí)候，每次寫一長(zhǎng)串代碼，直接調(diào)用即可。在代碼中添加紅色部分代碼，直接便可以在代碼中直接調(diào)用

<div id="mydiv" >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事件綁定函數(shù)(詳解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

兼容瀏覽器的js事件綁定函數(shù)(詳解)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽