純粋なJavaScriptの

Question

に

をjQueryのイベントハンドラを変換するにはどうすれば使用するコードを持っていました。複雑な理由から、このコードをに移動してから jQueryをロードする必要がありました。このコードを純粋なJavaScriptで書くにはどうすればよいですか？上記のコメントに

Answer 1

ベースは、あなたが

var links = document.querySelector('a[href^="http"]'); 
links.forEach(function(link) { 
    button.addEventListener("click",function(e){ 
     // handling logic 
    }, false); 
}) 

コード高価になることができ、すべてのa要素にバインドイベントハンドラの上、バニラはJavaScriptを使用して、以下のものに上のjQueryコードを結合イベントを変換することができます。

文書にイベントハンドラを追加し、ターゲットにしたいリンクであるかどうかを確認し、内部でイベントをクリックキャッチするイベントバブルを使用して上記の

document.addEventListener("click", function(e) { 
    // check the target has an attribute of `a[href^="http"]` 
    if(e.target && e.target.nodeName == "a") { 

    } 
}); 

コード

イベントデリゲートを作成します。資料。