javascript - 在 Chrome 内容扩展中拦截表单提交

Question

我想拦截特定网站上的表单提交。该表单没有 ID，但它有一个名称。我不想使用 jQuery，因为我的扩展非常轻量级并且没有依赖项。表单不是通过按钮提交的，而是通过 submit() 方法提交的。

我以为我可以处理 onSubmit 事件，但它似乎没有被引发。

现在我很困惑，有什么想法吗？

Answer 1

你可以用

捕捉你的表单

var myForm = document.getElementsByName('myForm');

返回一个nodeList(类似于Array)。然后您可以通过两种方式覆盖 submit 事件:

myForm.onsubmit = function (evt) {...};

或

myForm.addEventListener('提交', function (evt) {...});

注意事件名称只能使用小写字母。对于第二个示例，您可以将多个监听器绑定(bind)到事件，但旧版浏览器 (< IE 9) 不支持它。

例子:

html:

<form name="myForm" action="#" method="post">
    <input type="submit" value="Send">
</form>

js:

var myForm;

myForm = document.getElementsByName('myForm')[0];

myForm.onsubmit = function (evt) {
    // Do things here before passing on or stop the submit
};