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

返回值:jQueryon(events,[selector],[data],fn)

概述

在選擇元素上綁定一個或多個事件的事件處理函數(shù)。

on()方法綁定事件處理程序到當(dāng)前選定的jQuery對象中的元素。在jQuery 1.7中，.on()方法 提供綁定事件處理程序所需的所有功能。幫助從舊的jQuery事件方法轉(zhuǎn)換，see?.bind(),?.delegate(), 和?.live(). 要刪除的.on()綁定的事件，請參閱.off()。要附加一個事件，只運行一次，然后刪除自己， 請參閱.one()

參數(shù)

**events,[selector],[data],fn**V1.7

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

selector:一個選擇器字符串用于過濾器的觸發(fā)事件的選擇器元素的后代。如果選擇的

data:當(dāng)一個事件被觸發(fā)時要傳遞event.data給事件處理函數(shù)。

fn:該事件被觸發(fā)時執(zhí)行的函數(shù)。 false 值也可以做一個函數(shù)的簡寫，返回false。

**events-map,[selector],[data]**V1.7

events-map:個用字符串表示的，一個或多個空格分隔的事件類型和可選的命名空間，值表示事件綁定的處理函數(shù)。

selector:一個選擇器字符串過濾選定的元素，該選擇器的后裔元素將調(diào)用處理程序。如果選擇是空或被忽略，當(dāng)它到達選定的元素，事件總是觸發(fā)。

data:當(dāng)一個事件被觸發(fā)時要傳遞event.data給事件處理函數(shù)。

示例

描述:

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();
});