この記事では、JavaScriptイベント委任技術を例で分析します。参照のためにそれを共有してください。特定の分析は次のとおりです。
全体のページに多数のボタンがある場合は、各ボタンのイベントハンドラーをバインドする必要があります。これはパフォーマンスに影響します。
まず、各関数はオブジェクトであり、オブジェクトは多くのメモリを占有します。メモリにあるオブジェクトが多いほど、パフォーマンスが悪化します。
第二に、DOM訪問数の増加により、ページが遅れてロードされます。実際、イベントハンドラーをうまく利用する方法にはまだ良い解決策があります。
イベント代表団:
イベントハンドラーが多すぎるという問題の解決策は、イベント委任テクノロジーです。
イベントデリゲートテクノロジーは、イベントバブルを利用します。イベントハンドラーを指定するだけです。
イベントをトリガーする必要がある親要素のイベントハンドラーをバインドできます。
<ul id = "mylist"> <li id = "li_1"> sdsdsd </li> <li id = "li_2"> sdsdsd </li> <li id = "li_3"> sdsdsd </li> </ul>
これで、これらの3つのliのイベントハンドラーをバインドしたい...
ULでイベントハンドラーをバインドするだけです。
obj.eventhandler($( "mylist")、 "click"、function(e){e = e || window.event; switch(e.target.id){//ターゲットはイベントターゲットであることを覚えておく必要があります。アラート(li_2 ");複雑なWebアプリケーションの場合、この種のイベント代表団は非常に実用的です。
この方法が採用されていない場合、1つずつ拘束することは無限のイベントハンドラーになります。
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。