jQueryのon()を素のJSコードに置き換える

投稿日:

よく使いそうなのでメモ。

例えば次のコードの場合、

    $('a').on( 'click', function(e){
...
    });

次のように置き換える。

var elems = document.querySelectorAll('a');
if ( elems.length > 0 ){
    Array.prototype.forEach.call(elems, function (elem) {
        elem.addEventListener("click", function(e) {
...
        });
    });
}

なお、上述コードはIE11にも対応する。

参考

Document.querySelector() - Web API | MDN (mozilla.org)

Document.querySelectorAll() - Web API | MDN (mozilla.org)

NodeList - Web API | MDN (mozilla.org)

関連するタグ

JavaScript, jQuery