jquery on實現繫結多個事件

2021-08-21 18:12:00 字數 1579 閱讀 9354

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

概述 在選擇元素上繫結乙個或多個事件的事件處理函式。

on()方法繫結事件處理程式到當前選定的jquery物件中的元素。 

在jquery 1.7中,.on()方法 提供繫結事件處理程式所需的所有功能。 

幫助從舊的jquery事件方法轉換,see .bind(), .delegate(), 和 .live(). 要刪除的.on()繫結的事件,請參閱.off()。 

要附加乙個事件,只執行一次,然後刪除自己, 請參閱.one()

events,[selector],[data],fnv1.7

events:乙個或多個用空格分隔的事件型別和可選的命名空間,如」click」或」keydown.myplugin」 。

selector:乙個選擇器字串用於過濾器的觸發事件的選擇器元素的後代。如果選擇的< null或省略,當它到達選定的元素,事件總是觸發。

data:當乙個事件被觸發時要傳遞event.data給事件處理函式。

fn:該事件被觸發時執行的函式。 false 值也可以做乙個函式的簡寫,返回false。

events-map,[selector],[data]v1.7

events-map:個用字串表示的,乙個或多個空格分隔的事件型別和可選的命名空間,值表示事件繫結的處理函式。

selector:乙個選擇器字串過濾選定的元素,該選擇器的後裔元素將呼叫處理程式。如果選擇是空或被忽略,當它到達選定的元素,事件總是觸發。

data:當乙個事件被觸發時要傳遞event.data給事件處理函式。

多個事件繫結同乙個函式

$(document).ready(function());

});

多個事件繫結不同函式

$(document).ready(function(),  

mouseout:function(),

click:function()

});});

繫結自定義事件

$(document).ready(function());

$("button").click(function());

});

傳遞資料到函式

function handlername(event) 

$(document).ready(function(), handlername)

});

防止jQuery on多次繫結

button click function 引數描述 event 必需。規定要從被選元素移除的乙個或多個事件或命名空間。由空格分隔多個事件值。必須是有效的事件。selector 可選。規定新增事件處理程式時最初傳遞給 on 方法的選擇器。function eventobj 可選。規定當事件發生時執行...

Jquery on 動態繫結事件

之前就一直受這個問題的困擾,在jquery1.7版本之後新增了on方法,之前就了解過,其優越性高於live bind delegate 等方法,在此之前專案中想用這個來測試結果發現,居然動態生成的標籤點選了沒反應,而live方法卻能夠支援 jquery 使用on繫結動態生成的元素時,不能直接用該物件...

JqueryOn繫結事件方法介紹

1.簡介 1 on 方法在被選及子元素上新增乙個或多個事件處理程式 2 在jquery 版本1.7起,on 方法是bind live 和delegate 方法的新的替代品,該方法給api帶來很多便利,簡化了jquery 庫。3 使用on 方法新增的事件處理程式適用於當前及未來的元素 比如由指令碼建立...