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)