Target.addEventListener('submit', function(){ // 処理 return false });
↑みたいなコードを書いてもsubmitイベントはキャンセルできない。
jQueryのリスナーであれば、return falseでキャンセルできる。↓(イベントのキャンセルおよびイベント伝搬が停止する)
.on() | jQuery API Documentation
Returning false from an event handler will automatically call event.stopPropagation() and event.preventDefault().
なのでaddEventListener()を使う時は、
Target.addEventListener('submit', function(event){ // イベント伝搬の停止 event.stopPropagation(); // イベントキャンセル event.preventDefault(); });
で、jQueryのリスナーでreturn falseした場合と同じ挙動になる。
jQuery使ってる人ほど引っかかりそう。
(return falseすればキャンセルできるんだーくらいの理解度だったので引っかかった)