国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

js動態添加事件-事件委托

frolc / 1078人閱讀

摘要:解決這一問題的核心就是利用的委托事件。但是,如果用事件委托,只需要一個元素綁定事件即可。

作者:白狼 出處:http://www.manks.top/javascri... 本文版權歸作者,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權利。
其所謂的動態添加事件實質就是指js中的事件委托。

我們知道在js中,事件處理只能綁定在當前被選中的元素上,換句話也就是說,事件處理只能綁定在當前文檔已經存在的元素上!但是,往往小伙伴們都會遇到一個問題就是,我的元素是后來動態添加到頁面的,而我又想給該元素綁定事件,怎么處理?

為了說明白這一問題,我們假設需要給后來添加到當前頁面的元素添加click事件。

解決這一問題的核心就是利用js的委托事件。委派事件的優勢就是可以給未存在的元素綁定事件,而且委派事件往往開銷也會更??!

題外話:舉一個最簡單的例子:當頁面上有1000個div的時候,如果直接給div綁定click事件,其會為1000個元素綁定事件。但是,如果用事件委托,只需要一個元素綁定事件即可。PS:希望啰里啰嗦能夠讓你明白事件委托的含義。

我們只是想知道動態創建的元素如何添加事件,你說這么多做什么,做什么...

好吧,言歸正傳,看具體實現:

// 模擬動態創建元素li
$.ajax({
    type: "get",
    data: {},
    success: function () {                
        $("
  • ").addClass("aaa").html("11111111").appendTo($("body")); }, }); // 給為我們剛剛動態創建的元素添加事件 $(document).on("click", "li[class=aaa]", function(){ console.log("ffffd"); });
  • [考慮目前國內網站大部分采集文章十分頻繁,更有甚者不注明原文出處,原作者更希望看客們查看原文,以防有任何問題不能更新所有文章,避免誤導!]
    查看原文

    文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

    轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/80361.html

    相關文章

    • 理解Javascript中的事件綁定與事件委托

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

      lewinlee 評論0 收藏0
    • 簡單聊聊瀏覽器JS事件觸發機制

      摘要:事件冒泡由微軟提出,事件會從最內從的元素開始發生,再向外傳播,正好與事件捕獲相反。為了解決上述問題,我們可以利用事件委托的思想,在父級注冊一個事件監聽器,統一進行子元素的事件處理。 原理 事件捕獲 由網景最先提出,事件會從最外層開始發生,直到最具體的元素,也就是說假如父元素與子元素都綁定有點擊事件,又互相重疊,那么先出發的會是父元素的事件,然后再傳遞到子元素。 事件冒泡 由微軟提出,事...

      enrecul101 評論0 收藏0
    • Javascript事件

      摘要:見下圖更直觀在事件流中,事件的目標在捕獲階段不會接受到事件,這意味著在捕獲階段,事件從到后就停止了。下一個階段是目標階段,于是事件在上發生,并在事件處理中被看成是冒泡階段的一部分,然后,冒泡階段發生,事件又傳回。 CONTENTS DOM事件流 事件冒泡 阻止冒泡 事件捕獲 事件委托 DOM事件流 1.什么是事件流? 事件流所描述的是從頁面中接受事件的順序 2.DOM事件流的三個階...

      baiy 評論0 收藏0
    • Javascript事件

      摘要:見下圖更直觀在事件流中,事件的目標在捕獲階段不會接受到事件,這意味著在捕獲階段,事件從到后就停止了。下一個階段是目標階段,于是事件在上發生,并在事件處理中被看成是冒泡階段的一部分,然后,冒泡階段發生,事件又傳回。 CONTENTS DOM事件流 事件冒泡 阻止冒泡 事件捕獲 事件委托 DOM事件流 1.什么是事件流? 事件流所描述的是從頁面中接受事件的順序 2.DOM事件流的三個階...

      luffyZh 評論0 收藏0
    • Javascript事件

      摘要:見下圖更直觀在事件流中,事件的目標在捕獲階段不會接受到事件,這意味著在捕獲階段,事件從到后就停止了。下一個階段是目標階段,于是事件在上發生,并在事件處理中被看成是冒泡階段的一部分,然后,冒泡階段發生,事件又傳回。 CONTENTS DOM事件流 事件冒泡 阻止冒泡 事件捕獲 事件委托 DOM事件流 1.什么是事件流? 事件流所描述的是從頁面中接受事件的順序 2.DOM事件流的三個階...

      pcChao 評論0 收藏0

    發表評論

    0條評論

    最新活動
    閱讀需要支付1元查看
    <