選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery on() 方法

❮ jQuery 事件方法

示例

向 <p> 元素新增一個 click 事件

$("p").on("click", function(){
  alert("段落被點選了。");
});
自己動手試一試 »

定義和用法

on() 方法為選定的元素及其子元素附加一個或多個事件處理器。

從 jQuery 版本 1.7 開始,on() 方法是 bind()、live() 和 delegate() 方法的新替代品。該方法為 API 帶來了很多一致性,我們建議您使用此方法,因為它簡化了 jQuery 程式碼庫。

注意:使用 on() 方法附加的事件處理器將同時適用於當前和未來的元素(例如,由指令碼建立的新元素)。

提示:要移除事件處理器,請使用 off() 方法。

提示:要附加一個只執行一次然後自行移除的事件,請使用 one() 方法。


語法

$(selector).on(event,childSelector,data,function,map)

引數 描述
事件 必需。指定一個或多個要附加到選定元素的事件或名稱空間。

多個事件值用空格分隔。必須是有效的事件
childSelector 可選。指定事件處理器僅應附加到指定的子元素(而不是選擇器本身,類似於已棄用的 delegate() 方法)。
data 可選。指定要傳遞給函式的附加資料
function 必需。指定事件發生時要執行的函式
地圖 指定一個事件對映 ({event:function, event:function, ...}),其中包含一個或多個要附加到選定元素的事件,以及事件發生時要執行的函式。

親手嘗試 - 示例

附加多個事件
如何向元素附加多個事件。

使用 map 引數附加多個事件處理器
如何使用 map 引數向選定的元素附加多個事件處理器。

向元素附加自定義事件
如何向元素附加自定義名稱空間事件。

將資料傳遞給函式
如何將資料傳遞給函式。

為未來的元素新增事件處理程式
顯示 on() 方法也適用於尚未建立的元素。

移除事件處理器
如何使用 off() 方法移除事件處理器。


❮ jQuery 事件方法

×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援