事件註冊
on註冊事件
概述:在選擇元素上綁定一個或多個事件的事件處理函數。on()方法綁定事件處理程序到當前選定的jQuery對象中的元素。在jQuery 1.7中,.on()方法 提供綁定事件處理程序所需的全部功能。
示例:
$(selector).on(events[,selector][,data],fn);
參數:瀏覽器
events:一個或多個用空格分隔的事件類型和可選的命名空間,如"click"或"keydown.myPlugin" 。 selector:一個選擇器字符串用於過濾器的觸發事件的選擇器元素的後代。若是選擇的< null或省略,當它到達選定的元素,事件老是觸發。執行事件的後代元素(可選),若是沒有後代元素,那麼事件將有本身執行. data:當一個事件被觸發時要傳遞event.data給事件處理函數。(不常使用,能夠不傳) n:該事件被觸發時執行的函數。 false 值也能夠作一個函數的簡寫,返回false。
事件解綁
off方式
概述:在選擇元素上移除一個或多個事件的事件處理函數。
示例:
off(events,[selector],[fn])
參數:函數
events:一個或多個空格分隔的事件類型和可選的命名空間,或僅僅是命名空間,好比"click", "keydown.myPlugin", 或者 ".myPlugin". selector:一個最初傳遞到.on()事件處理程序附加的選擇器。 fn:事件處理程序函數之前附加事件上,或特殊值false. $(selector).off(); // 解綁匹配元素的全部事件 $(selector).off("click"); // 解綁匹配元素的全部click事件
事件觸發
概述:
在每個匹配的元素上觸發某類事件.
這個函數也會致使瀏覽器同名的默認行爲的執行。好比,若是用trigger()觸發一個'submit',則一樣會致使瀏覽器提交表單。若是要阻止這種默認行爲,應返回false。
全部觸發的事件如今會冒泡到DOM樹上了。舉例來講,若是你在一個段落p上觸發一個事件,他首先會在這個元素上觸發,其次到父元素,在到父元素的父元素,直到觸發到document對象。這個事件對象有一個 .target 屬性指向最開始觸發這個事件的元素。你能夠用 stopPropagation() 來阻止事件冒泡,或者在事件處理函數中返回false便可。code
觸發示例:對象
$(selector).type(); $(selector).trigger(type,[data]);
參數:事件
type:一個事件對象或者要觸發的事件類型 data:傳遞給事件處理函數的附加參數