ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery live(type, fn) 委任イベント実装_jquery

jQuery live(type, fn) 委任イベント実装_jquery

WBOY
WBOYオリジナル
2016-05-16 18:45:021253ブラウズ

現在、クリック、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、keydown、keypress、keyup をサポートしています。
Blur、focus、mouseenter、mouseleave、change、submit はまだサポートされていません。
bind() とは異なり、live() は一度に 1 つのイベントのみをバインドできます。
このメソッドは従来のバインドと非常に似ていますが、ライブを使用してイベントをバインドすると、イベントがページ上の現在および将来のすべての要素にバインドされる点が異なります (委任を使用)。たとえば、live を使用してクリック イベントをページ上のすべての li にバインドするとします。その後、将来このページに li が追加された場合でも、この新しく追加された li のクリック イベントは引き続き使用できます。この新しく追加された要素にイベントを再バインドする必要はありません。
.live() は人気のある liveQuery プラグインに非常に似ていますが、次のような主な違いがあります:
* .live は現在、すべてのイベントのサブセットのみをサポートしています。サポート リストについては上記の説明を参照してください。
* .live は、liveQuery が提供する「イベントレス」スタイルのコールバック関数をサポートしていません。 .live はイベント処理関数のみをバインドできます。
* .live には「セットアップ」および「クリーンアップ」プロセスがありません。すべてのイベントは要素に直接バインドされるのではなく委任されるためです。
ライブにバインドされたイベントを削除するには、die メソッドを使用してください。
戻り値
jQuery
パラメータ
タイプ (文字列): スペースで区切られた 1 つ以上のイベント名
fn ( Function): バインドするイベント処理関数

クリックして生成される p も同じ機能を持ちます。
HTML コード:

クリックしてください!


jQuery コード:

コードをコピー コードは次のとおりです。

$("p").live("click", function(){
$(this).after("

");
});
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。