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

Question

我正在尝试提交一个单击 anchor 的表单。这是代码:

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>

Answer 1

您需要从 onclick 函数返回 false 以阻止默认操作。否则，您将直接点击链接。

这样试试

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

我还应该注意您的链接不是 anchor 链接， anchor 链接需要有 fragmentation identifier .您的链接只是一个链接，点击后将导致浏览器通过 http get 请求导航到它，从而导致当前页面卸载。

然而，通过 jQuery 绑定(bind)事件处理程序并使用内置的 preventDefault 功能会更好。

在这里阅读更多相关信息

http://api.jquery.com/event.preventDefault/