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

标签 javascript google-chrome google-chrome-extension

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

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

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

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

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

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

最佳答案

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

即:

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

关于javascript - Chrome 扩展程序编程 - 取消表单提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8279992/

相关文章:

javascript - 条件中的额外括号是否有意义?

javascript - 为什么 window.open(...).onunload = function () { ... } 不能像我预期的那样工作?

javascript - page.evaluate 对比。 Puppeteer $ 方法

java - ChromeDriver org.openqa.selenium.remote.ProtocolHandshake createSession

google-chrome - 如何使用 netcat 提供 mht 文件?

javascript - HTTP_ORIGIN header 未通过 jquery ajax 发送

google-chrome-extension - Chrome 扩展程序在控制台中抛出错误

javascript - 将元素从一个列表移动到另一个列表以及反向 javascript

google-chrome - Firefox 和 Chrome 之间的 webgl 性能差异

javascript - Jquery .ClickOut 事件