バニラJavaScriptを使用してイベントをダイナミックラベルにリンク

589 ワード
js テキストリンク 
$(document).on('click', '.list', function(e) {
    alert(e.target);
});
Jクエリでこのように動的にバインドされます.こちらです.Listクラスは、生成されたダイナミックタグを持つ親タグを表します.バニラJavaScriptでも同じ方法で使用できます.
document.querySelector('.list').addEventListener('click', function(e) {
    console.log(e.target);
});
リストというタグクラスで生成されたダイナミックタグをクリックすると、イベントが発生します.2回目のクエリでも、バニラJavaScriptでも、ダイナミックタグはドキュメント作成時に生成されていないため、まずダイナミックタグを含む静的親タグを選択する必要があります.e.targetは、生成された対応する動的タグを表す.getAttribute、setAttributeメソッドを使用してタグを制御できます.
[TIL] 0413
チェーンテーブル法ページボックスの割り当てと割り当て