今さら人に聞けないピュアJavaScriptにおけるe.preventDefaultってどうやって実装するの？

タイトルが長くなってしまった。

普通のJavaScript、あるいは、ピュアJavaScript、ひょっとしたらバニラJS(英語では、Vanilla JS )と最近では呼ばれているかもしれない。

jQueryでonメソッドを使ってイベントをバインドした際に、e.preventDefault()はよく使うと思う。

$('#hoge').on('click',function(e){
  e.preventDefault();
});

今回は、jQueryを使わずに、普通のJavaScriptでjQueryのe.preventDefault()を実行したい場合は、どうすればいいのだろうか？

結論としては、jQueryと変わらずに、e.preventDefault()を使うことができる。

document.getElementById('hoge').addEventListener('click',function(e){
        e.preventDefault();
});

jQueryでせっかく簡単にプログラムできるようになったのに、昨今のjQuery離れから、原点回帰みたいな動きになってきている。

きっと、スマホの普及でwebkit一択みたいな感じになっているから、わざわざjQueryを使う必要もないだろうということなのだが。

ReactやVueと共存していくには必要な知識なのかもしれない。