在 addEventListener 提交时返回 false 仍然提交表单？答案

【问题标题】：Return false on addEventListener submit still submits the form?在 addEventListener 提交时返回 false 仍然提交表单？
【发布时间】：2011-06-22 21:09:51
【问题描述】：

var form = document.forms[0]; 
form.addEventListener("submit", function(){
  var email = form.elements['answer_13829'].value;
  if( email == 'geobraks@yahoo.ca') {
     alert('redirecting the user...');
     window.location = 'xxxx';
     return false;
  }
});

我不明白 - 它仍然提交表单。有人可以修补我的代码并使其工作吗？

【问题讨论】：

另一个奇怪的地方：我可以在表单中添加 onsubmit 属性，并执行 form.addEventListener，它们似乎都在运行。这是浏览器的错误吗？
另一个奇怪的地方：onsubmit="return false;"确实会阻止表单提交。

标签： javascript dom-events

【解决方案1】：

你需要使用事件对象的preventDefault()方法。

请注意，IE addEventListener() 和 preventDefault()。

var form = document.forms[0]; 
form.addEventListener("submit", function(evt){
  var email = form.elements['answer_13829'].value;
  if( email == 'geobraks@yahoo.ca') {
     evt.preventDefault();
     alert('redirecting the user...');
     window.location = 'xxxx';
  }
});

【讨论】：

@yossi：IE 确实有自己的等效 API。
@TimDown 那个 API 是什么？
@allyourcode: document.selection (msdn.microsoft.com/en-us/library/ie/ms535869(v=vs.85).aspx) 和 TextRange (msdn.microsoft.com/en-us/library/ie/ms535872(v=vs.85).aspx)

【解决方案2】：

return false; 它仅适用于 jQuery 绑定函数

【讨论】：