javascript - Chrome 扩展程序编程 - 取消表单提交

Question

我有一个 chrome 扩展，它只是一个带有两个输入字段和一个提交按钮的简单表单。我遇到的问题是这样的:

  $('#submit').submit(function() {
    $('#word').val('')
    $('#translation').val('')
    return false
  })

仍然重新加载 popup.html(例如提交表单)!我被迫将提交按钮的类型更改为“按钮”并使用

  $('#submit').live('click', function(e) {
    $('#word').val('')
    $('#translation').val('')
  })

这是可行的，但现在(当然)ENTER 不适用于表单“提交”...我觉得这是一个黑客，而原来通过返回 false 来防止重新加载应该起作用...

还有人遇到这样的问题吗？

Answer 1

.submit() 是表单上的事件，而不是提交按钮上的事件。

即:

<form onsubmit="return false;"></form>