javascript - console.log 未在 ('submit' 中执行)如果 event.preventDefault() 未完成

Question

这真的很奇怪:

$('form').on('submit', function(event) {
   console.log('submit > this=%o', this);
});

提交表单时不会显示任何控制台消息，但是:

 $('form').on('submit', function(event) {
   console.log('submit > this=%o', this);
   event.preventDefault();
 });

会显示出来。这是为什么？在任何情况下都必须执行代码，这样 preventDefault 才会起作用!

我只在 Chrome 中测试过，我会说这是一个 Chrome 错误。还是我在这里遗漏了什么？

Answer 1

代码确实有效，问题是由于表单提交导致页面重新加载，控制台立即被清除。

代码 event.preventDefault(); 阻止了表单的提交。这就是控制台未被清除并且您能够看到正在记录的文本的原因。