まず、イベント委員会とは何かをお話ししましょう。レイマンの用語では、イベントはオンクリック、オンマウスオーバー、オンマウスアウトなどです。委任に関しては、他の人にそれをさせることです。このイベントはもともと特定の要素に追加されましたが、イベントを完了するためにそれを行うためにそれを他の要素に追加します。
つまり、バブルの原理を使用して、親にイベントを追加して実行効果をトリガーします。
いわゆる動的イベントの追加は、基本的にJSでのイベント委任を指します。
JSでは、イベント処理は現在選択されている要素にのみ拘束できることを知っています。つまり、イベント処理は、現在のドキュメントに既に存在する要素にのみバインドできます。しかし、多くの場合、友人は私の要素が後でページに動的に追加されたという問題に遭遇し、イベントを要素にバインドしたいと思います。それに対処する方法は?
この問題を説明するために、後で現在のページに追加された要素にクリックイベントを追加する必要があると仮定します。
この問題を解決する中核は、JSのデリゲートイベントを使用することです。委任されたイベントの利点は、イベントを存在しない要素にバインドできることであり、委任されたイベントはしばしば架空の方が小さいことがよくあります!
オフトピック:最も簡単な例:ページに1000個のdivがある場合、divがクリックイベントに直接バインドされている場合、1000個の要素バインドイベントになります。ただし、イベントデリゲートを使用する場合、イベントをバインドするには1つの要素のみが必要です。 PS:言葉があなたがイベントの試運転の意味を理解するのに役立つことを願っています。
動的に作成された要素がイベントをどのように追加するかを知りたいだけです。
わかりました、ポイントに戻りましょう。特定の実装をご覧ください。
//動的作成要素li $ .ajax({type: 'get'、data:{}、success:function(){$( '<li>')。addclass( 'aaa')。html( '1111111111')。 function(){console.log( 'ddd');});上記は、編集者がお客様に紹介したJavaScript Dynamic追加イベント委員会です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!