php - Javascript 表单提交 onclick 在 Google Chrome 中不起作用

Question

我正在尝试通过单击锚点提交表单。这是代码：

function submitLink() {
    document.forms["background-form"].submit();
    return false;
}

此代码适用于 FF 和 IE，但不适用于 Chrome。有谁知道为什么？我这样调用函数：

<a href="<?php echo "background.php?cred=".$cred['id']; ?>" onclick="submitLink();">Remove</a>

score 2 · Accepted Answer

您需要从 onclick 函数返回 false 以防止默认操作。否则，您只需点击链接即可。

像这样试试

<a href="<?php echo "background.php?cred=".$cred['id']; ?>" onclick="return submitLink();">Remove</a>

我还应该注意，您的链接不是锚链接，锚链接需要有一个碎片标识符。您的链接只是一个链接，单击该链接后，浏览器将通过 http get 请求导航到该链接，从而导致当前页面卸载。

但是，通过 jQuery 绑定事件处理程序并使用内置的 preventDefault 功能会更好。

在此处阅读有关它的更多信息

score 0 · Accepted Answer

如果您发现该onClick事件在 Google Chrome 上不起作用，那么这里有一个快速修复它的方法：

将onclick表单 id 替换为其名称，例如，假设您有以下内容：

<form id="form1" name="checkform1"

查找 JS 事件：

onclick="document.form1.cSSld.value=''"

用。。。来代替：

onclick="document.checkform1.cSSld.value=''"

可以了，好了。它现在适用于所有网络浏览器。

2 回答 2