成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js 添加事件綁定

0x584a / 1091人閱讀

摘要:的事件綁定函數(shù)是是則兩種都支持。使用就可以使用簡單的,或者之類的函數(shù)解決,而如果不使用框架的時候,大家可是使用下面的封裝函數(shù)。添加事件綁定要綁定事件的元素事件名稱。不加如而不是事件處理函數(shù)例如刪除第一個綁定的點(diǎn)擊事件

IE 的事件綁定函數(shù)是 attachEvent;

Firefox, Safari 是 addEventListener;

Opera 則兩種都支持。
> 使用jQuery就可以使用簡單的bind(),或者$().click()之類的函數(shù)解決,而如果不使用JavaScript框架的時候,大家可是使用下面的封裝bind()函數(shù)。

js/************************************
* 添加事件綁定
* @param obj : 要綁定事件的元素
* @param type : 事件名稱。不加 “on”. 如 : “click” 而不是 “onclick”.
* @param fn : 事件處理函數(shù)
************************************/
function bind(obj, type, fn ) {
    if ( obj.attachEvent ) {
        obj["e"+type+fn] = fn;
        obj[type+fn] = function(){obj["e"+type+fn]( window.event );}
        obj.attachEvent("on"+type, obj[type+fn] );
    } else
    obj.addEventListener( type, fn, false );
}
//bind(window,"deviceorientation",handleOrientation);
bind(document, "click", test);
function test(){
    alert("11")
}

/************************************
* 刪除事件綁定
* @param obj : 要刪除事件的元素
* @param type : 事件名稱。不加 “on”. 如 : “click” 而不是 “onclick”
* @param fn : 事件處理函數(shù)
************************************/
function unbind( obj, type, fn ) {
    if ( obj.detachEvent ) {
        obj.detachEvent("on"+type, obj[type+fn] );
        obj[type+fn] = null;
    } else
    obj.removeEventListener( type, fn, false );
}
//例如刪除第一個綁定的document點(diǎn)擊事件:
unbind(document,"click",test);

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/91448.html

相關(guān)文章

  • 【JavaScript系列】動態(tài)綁定事件方法:(1)jquery的on方法;(2)html元素綁定

    摘要:提示如需移除事件處理程序,請使用方法。說明和綁定的點(diǎn)擊事件被的事件覆蓋。分析不同的綁定方式執(zhí)行順序?qū)傩栽厥录录?。元素綁定事件刪除按鈕。屬性綁定事件動態(tài)綁定事件方法的方法的屬性綁定。 一、動態(tài)監(jiān)聽加載對象 當(dāng)使用js或jQuery動態(tài)創(chuàng)建元素(例如append,appendChildren),再用on(事件, function(){...})或addEventListener監(jiān)聽事件...

    young.li 評論0 收藏0
  • js動態(tài)添加事件-事件委托

    摘要:解決這一問題的核心就是利用的委托事件。但是,如果用事件委托,只需要一個元素綁定事件即可。 作者:白狼 出處:http://www.manks.top/javascri... 本文版權(quán)歸作者,歡迎轉(zhuǎn)載,但未經(jīng)作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責(zé)任的權(quán)利。其所謂的動態(tài)添加事件實(shí)質(zhì)就是指js中的事件委托。 我們知道在js中,事件處理只能綁定在當(dāng)前被選...

    frolc 評論0 收藏0
  • 理解Javascript中的事件綁定事件委托

    摘要:最近在深入實(shí)踐中,遇到了一些問題,比如我需要為動態(tài)創(chuàng)建的元素綁定事件,那么普通的事件綁定就不行了,于是通過上網(wǎng)查資料了解到事件委托,因此想總結(jié)一下中的事件綁定與事件委托。事件冒泡認(rèn)為事件促發(fā)的最深層元素首先接收事件。 最近在深入實(shí)踐js中,遇到了一些問題,比如我需要為動態(tài)創(chuàng)建的DOM元素綁定事件,那么普通的事件綁定就不行了,于是通過上網(wǎng)查資料了解到事件委托,因此想總結(jié)一下js中的事件綁...

    lewinlee 評論0 收藏0
  • JS中的事件綁定,事件捕獲,事件冒泡以及事件委托,兼容IE

    摘要:事件階段事件分為三個階段事件捕獲事件目標(biāo)事件冒泡事件捕獲和冒泡事件捕獲事件發(fā)生時首先發(fā)生在上,然后依次傳遞給最后到達(dá)目的節(jié)點(diǎn)即事件目標(biāo)。 事件階段 事件分為三個階段: 事件捕獲 --> 事件目標(biāo) --> 事件冒泡 事件捕獲和冒泡 事件捕獲:事件發(fā)生時(onclick,onmouseover……)首先發(fā)生在document上,然后依次傳遞給body、……最后到達(dá)目的節(jié)點(diǎn)(即事件...

    taowen 評論0 收藏0
  • vue.js起步式(二)

    摘要:當(dāng)需要和第三方的動畫庫,比如配合時會非常有用顯式聲明過渡類型新增需要給過渡元素添加事件偵聽器來偵聽過渡何時結(jié)束。在下例中我們使用注冊一個自定義的過渡元素已被插入在動畫結(jié)束后調(diào)用與相同然后用特性中漸近過渡與一起用時可以創(chuàng)建漸近過渡。 8.方法與事件處理器 方法處理器可以用 v-on 指令監(jiān)聽 DOM 事件: Greet 我們綁定了一個單擊事件處理器到一個方法 greet。下面在...

    BearyChat 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<