jQuery事件綁定,解綁,觸發

来源:https://www.cnblogs.com/CGWTQ/archive/2019/03/25/10591778.html
-Advertisement-
Play Games

事件綁定 1.bind(type,[data],fn) --type: 含有一個或多個事件類型的字元串,由空格分隔多個事件。比如"click"或"submit",還可以是自定義事件名。 --data:作為event.data屬性值傳遞給事件對象的額外數據對象 --fn:綁定到每個匹配元素的事件上面的 ...


事件綁定

1.bind(type,[data],fn)

  --type: 含有一個或多個事件類型的字元串,由空格分隔多個事件。比如"click"或"submit",還可以是自定義事件名。

  --data:作為event.data屬性值傳遞給事件對象的額外數據對象

  --fn:綁定到每個匹配元素的事件上面的處理函數

  例子:

$("p").bind("click", function(){
  alert( $(this).text() );
});

2.delegate(selector,[type],[data],fn)

  --selector:選擇器字元串,用於過濾器觸發事件的元素。

  --type:附加到元素的一個或多個事件。 由空格分隔多個事件值。必須是有效的事件。

  --fn:當事件發生時運行的函數

  --data:傳遞到函數的額外數據

  例子:

$("div").delegate("button","click",function(){
  $("p").slideToggle();
});

3.on(events,[selector],[data],fn)

  --events:一個或多個用空格分隔的事件類型和可選的命名空間,如"click"或"keydown.myPlugin" 。

  --selector:一個選擇器字元串用於過濾器的觸發事件的選擇器元素的後代。如果選擇的< null或省略,當它到達選定的元素,事件總是觸發。

  --data:當一個事件被觸發時要傳遞event.data給事件處理函數。

  --fn:該事件被觸發時執行的函數。 false 值也可以做一個函數的簡寫,返回false。

  例子:

$("p").on("click", function(){
    alert( $(this).text() );
});

 

 

 

解綁事件

1.unbind(type,[data|fn]])

  --type:刪除元素的一個或多個事件,由空格分隔多個事件值。

  --fn:要從每個匹配元素的事件中反綁定的事件處理函數

  例子:

$("p").unbind( "click" )

2.undelegate([selector,[type],fn])

  --selector:需要刪除事件處理程式的選擇器。

  --type:需要刪除處理函數的一個或多個事件類型。 由空格分隔多個事件值。必須是有效的事件。

  --fn:要刪除的具體事件處理函數。

  例子:

$("p").undelegate( "click" )

3.off(events,[selector],[fn])

  --events:一個或多個空格分隔的事件類型和可選的命名空間,或僅僅是命名空間,比如"click", "keydown.myPlugin", 或者 ".myPlugin".

  --selector:一個最初傳遞到.on()事件處理程式附加的選擇器。

  --fn:事件處理程式函數以前附加事件上,或特殊值false.

  例子:

$("p").off( "click", "**" )

 

 

註意:解除綁定事件:自身的綁定事件和動態綁定的事件都會被解綁

 

 

觸發事件

觸發事件:觸發某個事件的時候在該事件內部調用了其他元素的某個事件方法

1.直接調用元素的事件方法:

  

$("div").click();

2.使用.trigger()方法

  trigger(type,[data])

    --type:一個事件對象或者要觸發的事件類型

    --data:傳遞給事件處理函數的附加參數

  例子:

$("div").trigger("click");

3.使用.triggerHandle()方法

  triggerHandler(type,[data])

    --type:要觸發的事件類型

    --data:傳遞給事件處理函數的附加參數

    例子:

$("div").triggerHandler("click");

 

註意:.trigger()和.triggerHandler()區別:前者會觸發瀏覽器的預設行為,並執行事件,後者不會觸發瀏覽器預設行為,但是會執行事件

 

 

 

 

 

特此聲明:如需轉載請註明出處,如有疑問請及時提出以便於改正,如有侵權,聯繫刪除,謝謝

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1. 視圖 視圖是一個虛擬表,它的本質是根據SQL語句獲取動態的數據集,併為其命名,用戶使用時只需使用【名稱】即可獲取結果集,可以將該結果集當做表來使用。 使用視圖我們可以把查詢過程中的臨時表摘出來,用視圖去實現,這樣以後再想操作該臨時表的數據時就無需重寫複雜的sql了,直接去視圖中查找即可, 但視 ...
  • sql database基本指令 sql table基本指令 sql增刪改 sql查詢 排序 聚合函數 分組 輸出: 分頁 連接查詢 自關聯 sql SELECT FROM as c INNER JOIN as d on c.id=d.origin_comment_id where c.post_i ...
  • 坑點: 1.舊的mysql沒有刪除乾凈。在安裝mysql的時候,沒有註意到,在輸入 “mysqld install” 指令時跳出來 exits,存在於另一個文件夾之中,這影響了後來的很多操作,包括root之後修改密碼,但是一直顯示密碼不對,在網上搜的時候有一位朋友也遇到了同樣的問題; 2.ini文件 ...
  • 1.題目描述 編寫一個 SQL 查詢來實現分數排名。如果兩個分數相同,則兩個分數排名(Rank)相同。請註意,平分後的下一個名次應該是下一個連續的整數值。換句話說,名次之間不應該有“間隔”。 例如,根據上述給定的 Scores 表,你的查詢應該返回(按分數從高到低排列): 2.思路 以這個id為4的 ...
  • 作者QQ:1161493927,歡迎互相交流學習。 報錯信息:com.microsoft.sqlserver.jdbc.SQLServerException: 到主機 的 TCP/IP 連接失敗。 java.net.ConnectException: Connection refused: conn ...
  • iOS 中 Model 和 JSON 互相轉換 基本原理 利用 runtime 原理,獲取模型中所有實例變數列表,根據實例變數以此獲取模型中成員變數的名稱和屬性類型,區分Foundation和自定義屬性,需要對NSDictionary和NSArray類型做單獨處理。 下麵代碼是一個簡單的原理實現De ...
  • 第一種: 第二種: 第三種:最常用 dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{ });//定製了延時執行的任務,不會阻塞線程,在 ...
  • 1、獲取頁面上的iframe 1-1、 document.getElementById('iframeId'); 1-2、 window.frames[0]、window.frames['frameName']、frames['frameName']、frames[0]、self.frames[0] ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...