事件處理 on 繫結事件

2021-10-10 05:38:28 字數 959 閱讀 3029

on()方法在匹配元素上繫結乙個或者多個事件處理函式

element.on(events,[selector],fn);

//發生多個事件的話:$(

"div").

on(, click:

function()

, mouseout:

function()

})//發生事件發生同樣的操作的話:$(

"div").

on("mouseover mouseout"

,function()

)

2.可以事件委派操作,事件委派的定義就是,把原來加給子元素身上的事件繫結在父元素身上,就是把事件委派給父元素。

事件委派的好處是:

(1)減少操作dom節點的次數,從而減少瀏覽器的重繪和重排,提高**的效能。

(2)使用事件委託,只有父元素與dom存在互動,其他的操作都是在js虛擬記憶體中完成的,這樣就大大提高了效能。

$

("ul li").

on("click"

,"li"

,function()

)

3.動態建立的元素,click()沒有辦法繫結事件,on()可以給動態生成的元素繫結事件。

//$("ul li").click(function())			寫這個事件,是不會彈出alert。$(

"ul").

on("click"

,"li"

,function()

)var li =$(

"我是後來建立的li");

$("ul").

(li)

;

jquery繫結事件以及js繫結事件

jquery繫結事件 bind事件 onelive delegate on對應的 jquery繫結click事件的寫法start click1 bind click function click2 one click function click3 live click function click...

JS繫結事件和移除事件的處理方法

addeventlistener 與removeeventlistener 用於處理指定和刪除事件處理程式操作。所有的dom節點中都包含這兩種方法,並且它們都接受3個引數 要處理的事件名 作為事件處理程式的函式和乙個布林值。最有這個布林值引數是true,表示在捕獲階段呼叫事件處理程式 如果是fals...

JS繫結事件和移除事件的處理方法

addeventlistener 與removeeventlistener 用於處理指定和刪除事件處理程式操作。所有的dom節點中都包含這兩種方法,並且它們都接受3個引數 要處理的事件名 作為事件處理程式的函式和乙個布林值。最有這個布林值引數是true,表示在捕獲階段呼叫事件處理程式 如果是fals...