### 返回值:jQueryon(events,[selector],[data],fn) ### 概述 在選擇元素上綁定一個或多個事件的事件處理函數。 on()方法綁定事件處理程序到當前選定的jQuery對象中的元素。在jQuery 1.7中，.on()方法 提供綁定事件處理程序所需的所有功能。幫助從舊的jQuery事件方法轉換，see?[.bind()](http://api.jquery.com/bind/),?[.delegate()](http://api.jquery.com/delegate/), 和?[.live()](http://api.jquery.com/live/). 要刪除的.on()綁定的事件，請參閱[.off()](http://api.jquery.com/off/)。要附加一個事件，只運行一次，然后刪除自己， 請參閱[.one()](http://api.jquery.com/one/) ### 參數 #### **events,[selector],[data],fn***V1.7* **events**:一個或多個用空格分隔的事件類型和可選的命名空間，如"click"或"keydown.myPlugin" 。 **selector**:一個選擇器字符串用于過濾器的觸發事件的選擇器元素的后代。如果選擇的 **data**:當一個事件被觸發時要傳遞event.data給事件處理函數。 **fn**:該事件被觸發時執行的函數。 false 值也可以做一個函數的簡寫，返回false。 #### **events-map,[selector],[data]***V1.7* **events-map**:個用字符串表示的，一個或多個空格分隔的事件類型和可選的命名空間，值表示事件綁定的處理函數。 **selector**:一個選擇器字符串過濾選定的元素，該選擇器的后裔元素將調用處理程序。如果選擇是空或被忽略，當它到達選定的元素，事件總是觸發。 **data**:當一個事件被觸發時要傳遞event.data給事件處理函數。 ### 示例 #### 描述: Display a paragraph's text in an alert when it is clicked: ~~~ $("p").on("click", function(){ alert( $(this).text() ); }); ~~~ Pass data to the event handler, which is specified here by name: ~~~ function myHandler(event) { alert(event.data.foo); } $("p").on("click", {foo: "bar"}, myHandler) ~~~ Cancel a form submit action and prevent the event from bubbling up by returning false: ~~~ $("form").on("submit", false) ~~~ Cancel only the default action by using .preventDefault(). ~~~ $("form").on("submit", function(event) { event.preventDefault(); }); ~~~ Stop submit events from bubbling without preventing form submit, using .stopPropagation(). ~~~ $("form").on("submit", function(event) { event.stopPropagation(); }); ~~~