今さら人に聞けないピュア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と共存していくには必要な知識なのかもしれない。