欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2017年05月09日 14:38:25   投稿:jingxian  
下面小編就為大家?guī)硪黄嫒轂g覽器的js事件綁定函數(shù)(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧

因為javascript中所有對象都集成與Object,那么只有給Object原型添加一個事件綁定函數(shù),就不需要在處理綁定事件的時候,每次寫一長串代碼,直接調(diào)用即可。在代碼中添加紅色部分代碼,直接便可以在代碼中直接調(diào)用

<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ù)(詳解)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • javascript 獲取HTML DOM父、子、臨近節(jié)點

    javascript 獲取HTML DOM父、子、臨近節(jié)點

    經(jīng)常要獲取頁面中某個元素,然后更新該元素的樣式、內(nèi)容等。如何獲取要更新的元素,是首先要解決的問題。這里簡單做一下總結(jié)
    2014-06-06
  • JavaScript中Hoisting詳解 (變量提升與函數(shù)聲明提升)

    JavaScript中Hoisting詳解 (變量提升與函數(shù)聲明提升)

    函數(shù)聲明和變量聲明總是被JavaScript解釋器隱式地提升(hoist)到包含他們的作用域的最頂端。下面這篇文章主要給大家介紹了關(guān)于JavaScript中Hoisting(變量提升與函數(shù)聲明提升)的相關(guān)資料,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-08-08
  • 三種帶箭頭提示框總結(jié)實例

    三種帶箭頭提示框總結(jié)實例

    這篇文章主要介紹了三種帶箭頭提示框總結(jié)實例 的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2016-06-06
  • JS實現(xiàn)橫向與豎向兩個選項卡Tab聯(lián)動的方法

    JS實現(xiàn)橫向與豎向兩個選項卡Tab聯(lián)動的方法

    這篇文章主要介紹了JS實現(xiàn)橫向與豎向兩個選項卡Tab聯(lián)動的方法,涉及JavaScript遍歷及動態(tài)修改頁面元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • 微信小程序?qū)崿F(xiàn)輪播圖(適配機(jī)型)

    微信小程序?qū)崿F(xiàn)輪播圖(適配機(jī)型)

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)輪播圖,適配機(jī)型,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • JS實現(xiàn)文字掉落效果的方法

    JS實現(xiàn)文字掉落效果的方法

    這篇文章主要介紹了JS實現(xiàn)文字掉落效果的方法,可實現(xiàn)文字往下掉落最終排序正常顯示的效果,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-05-05
  • 微信小程序通過js實現(xiàn)瀑布流布局詳解

    微信小程序通過js實現(xiàn)瀑布流布局詳解

    這篇文章主要介紹了微信小程序通過js實現(xiàn)瀑布流布局詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-08-08
  • 最新評論