返回值:jQueryon(events,[selector],[data],fn)
概述
在選擇元素上綁定一個(gè)或多個(gè)事件的事件處理函數(shù)。
on()方法綁定事件處理程序到當(dāng)前選定的jQuery對(duì)象中的元素。在jQuery 1.7中，.on()方法 提供綁定事件處理程序所需的所有功能。幫助從舊的jQuery事件方法轉(zhuǎn)換，see .bind(), .delegate(), 和 .live(). 要?jiǎng)h除的.on()綁定的事件，請(qǐng)參閱.off()。要附加一個(gè)事件，只運(yùn)行一次，然后刪除自己， 請(qǐng)參閱.one()
參數(shù)
events,[selector],[data],fnV1.7
events:一個(gè)或多個(gè)用空格分隔的事件類型和可選的命名空間，如"click"或"keydown.myPlugin" 。
selector:一個(gè)選擇器字符串用于過(guò)濾器的觸發(fā)事件的選擇器元素的后代。如果選擇的< null或省略，當(dāng)它到達(dá)選定的元素，事件總是觸發(fā)。
data:當(dāng)一個(gè)事件被觸發(fā)時(shí)要傳遞event.data給事件處理函數(shù)。
fn:該事件被觸發(fā)時(shí)執(zhí)行的函數(shù)。 false 值也可以做一個(gè)函數(shù)的簡(jiǎn)寫，返回false。
events-map,[selector],[data]V1.7
events-map:個(gè)用字符串表示的，一個(gè)或多個(gè)空格分隔的事件類型和可選的命名空間，值表示事件綁定的處理函數(shù)。
selector:一個(gè)選擇器字符串過(guò)濾選定的元素，該選擇器的后裔元素將調(diào)用處理程序。如果選擇是空或被忽略，當(dāng)它到達(dá)選定的元素，事件總是觸發(fā)。
data:當(dāng)一個(gè)事件被觸發(fā)時(shí)要傳遞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();
});