いわゆる動的イベントの追加は、基本的にJSでのイベント委任を指します。
JSでは、イベント処理は現在選択されている要素にのみ拘束できることを知っています。つまり、イベント処理は、現在のドキュメントに既に存在する要素にのみバインドできます。しかし、多くの場合、友人は私の要素が後でページに動的に追加されたという問題に遭遇し、イベントを要素にバインドしたいと思います。それに対処する方法は?
この問題を説明するために、後で現在のページに追加された要素にクリックイベントを追加する必要があると仮定します。
この問題を解決する中核は、JSのデリゲートイベントを使用することです。委任されたイベントの利点は、イベントを存在しない要素にバインドできることであり、委任されたイベントはしばしば架空の方が小さいことがよくあります!
オフトピック:最も簡単な例:ページに1000個のdivがある場合、divがクリックイベントに直接バインドされている場合、1000個の要素バインドイベントになります。ただし、イベントデリゲートを使用する場合、イベントをバインドするには1つの要素のみが必要です。 PS:言葉があなたがイベントの試運転の意味を理解するのに役立つことを願っています。
動的に作成された要素がイベントをどのように追加するかを知りたいだけです。
わかりました、ポイントに戻りましょう。特定の実装をご覧ください。
//要素li $ .ajax({type: 'get'、data:{}、cuscess:function(){$( '<li>')。addclass( 'aaa')。html( '1111111111')。 function(){console.log( 'ddd');});上記の記事は、JSダイナミックな追加イベントに関する決まり文句です---イベント委員会は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。