jQuery event處理常式的觸發/新增/移除

2019-12-11 17:40:10

本經驗介紹在jQuery程式設計中，click,focus,mouseenter,keydown等等jQuery event的處理常式的新增和移除辦法。

首先，以如圖網頁為例。在網頁中選擇一個標籤（如圖a標籤上沒有任何jQuery事件），進行實驗。

檢視這個標籤的類名class。在控制台使用jQuery選取，得到兩個標籤，如圖。

在原本的.tb-tit-tab2後面加上:nth-child(1)，獲取第一個元素。

第一種event觸發方式是：使用.event名稱()。使用.click()觸發點選event。

第二種觸發方式是：使用.trigger('event名稱')

這兩種都無法傳遞event物件。使用：

.trigger(event物件)，根據event物件觸發event。這樣，在處理常式function(e){...}中獲取到的e就是event物件。

如果要新增event處理常式，而不是觸發，第一種方法是使用如圖方式：

.click/.mouseenter/.focus/.blur等等。

.click(一個函數)，是新增event處理常式；.click()，則是觸發點選。

如果要移除event處理常式，如圖：

unbind('event名稱')，將移除所有這個event對應的的處理常式。

unbind()，將移除所有的jQuery event的處理常式。

如圖演示了unbind的第三種用法：

unbind('event名稱', 處理常式)，只移除某個特定的處理常式。