jQuery 高階事件 委託

2022-08-25 15:36:24 字數 1185 閱讀 8457

$(function

() );

//使用live繫結的是document,而非button

//所以,永遠只會繫結一次事件

$(".button").live("click", function

() );

//bind 無法動態繫結事件

$(".button").bind("click", function

() );

//live 可以動態繫結事件,因為事件繫結在document上

//live 繫結在document上,而點選button 其實是冒泡到document上

//並且點選document時候,需要驗證event.type 和 event.target才能觸發

//live 不支援連綴呼叫

$(".button").live("click", function

() );

//live 的替代方法 delegate

$("#box").delegate(".button", "click", function

() )

$("#box").undelegate(".button", "click"); //

解綁//

最新繫結方法 on off one

$(".button").on("click", , function

(e) );

$(".button").on("mouseover mouseout", function

(e) );

$(".button").on(, mouseout:

function

() });

$("form").on("submit", function

() );

$("form").on("submit", false

);

//替代 live delegate

$("#box").on("click", ".button", function

() );

//移出事件委託

$("#box").off("click", ".button");

//僅一次觸發事件

$(".button").one("click", function

() );

});

jQuery 事件委託

本文 隨著dom結構的複雜化和ajax等動態指令碼技術的運用,事件委託自然浮出了水面 jquery為繫結和委託事件提供了.bind live 和.delegate 方法。本文在討論這幾個方法內部實現的基礎上,展示它們的優劣勢及適用場合。事件委託 事件委託的事例在現實當中比比皆是。比如,有三個同事預計...

jQuery 事件委託

概念 什麼是事件委託 通俗的講,事件就是onclick,onmouseover,onmouseout,等就是事件,委託呢,就是讓別人來做,這個事件本來是加在某些元素上的,然而你卻加到別人身上來做,完成這個事件。舉個列子 有三個同事預計會在周一收到快遞。為簽收快遞,有兩種辦法 一是三個人在公司門口等快...

jquery事件委託

概念 什麼是事件委託 通俗的講,事件就是onclick,onmouseover,onmouseout,等就是事件,委託呢,就是讓別人來做,這個事件本來是加在某些元素上的,然而你卻加到別人身上來做,完成這個事件。舉個列子 有三個同事預計會在周一收到快遞。為簽收快遞,有兩種辦法 一是三個人在公司門口等快...