兼容瀏覽器的js事件綁定函數(shù)(詳解)
更新時間：2017年05月09日 14:38:25 投稿：jingxian
下面小編就為大家?guī)硪黄嫒轂g覽器的js事件綁定函數(shù)(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
因為javascript中所有對象都集成與Object，那么只有給Object原型添加一個事件綁定函數(shù)，就不需要在處理綁定事件的時候，每次寫一長串代碼，直接調用即可。在代碼中添加紅色部分代碼，直接便可以在代碼中直接調用
<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事件綁定函數(shù)(詳解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
setTimeout在類中使用的問題！...2007-04-04
本文主要分享了js封裝一個tab切換效果的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細介紹了JavaScript的面向對象，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03
javascript 獲取HTML DOM父、子、臨近節(jié)點
經(jīng)常要獲取頁面中某個元素，然后更新該元素的樣式、內容等。如何獲取要更新的元素，是首先要解決的問題。這里簡單做一下總結2014-06-06
JavaScript中Hoisting詳解 (變量提升與函數(shù)聲明提升)
函數(shù)聲明和變量聲明總是被JavaScript解釋器隱式地提升(hoist)到包含他們的作用域的最頂端。下面這篇文章主要給大家介紹了關于JavaScript中Hoisting(變量提升與函數(shù)聲明提升)的相關資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08
這篇文章主要介紹了三種帶箭頭提示框總結實例 的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
JS實現(xiàn)橫向與豎向兩個選項卡Tab聯(lián)動的方法
這篇文章主要介紹了JS實現(xiàn)橫向與豎向兩個選項卡Tab聯(lián)動的方法,涉及JavaScript遍歷及動態(tài)修改頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)輪播圖，適配機型，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了JS實現(xiàn)文字掉落效果的方法,可實現(xiàn)文字往下掉落最終排序正常顯示的效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了微信小程序通過js實現(xiàn)瀑布流布局詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08