javascript返回错误表单onclick不起作用答案

【问题标题】：javascript return false form onclick not workingjavascript返回错误表单onclick不起作用
【发布时间】：2014-04-21 12:17:34
【问题描述】：

我已经这样做了一百万次了。从 onclick 返回 false 以防止按钮运行。然而由于某种原因，这一页上的这一表单中的这一按钮……它忽略了它。

<input type="submit" onclick="return false;" 
     value="Copy To" name="btnCopy" id="btnCopy9">

我什至把 javascript 函数去掉了，所以它只是从字面上自己返回 false。然而，这个按钮正在提交表单。我无法阻止它。为什么会这样？有什么想法吗？

我看不出这个按钮有什么特别之处。我希望它正盯着我的脸，而我只是没有看到它。

【问题讨论】：

【解决方案1】：

type="submit"

这就是它提交表单的原因。

【讨论】：

【解决方案2】：

您应该将您的事件绑定放在单独的 JS 中，而不是依赖于属性内的 JS 字符串的评估。在这种情况下，您可能不会阻止 onsubmit 运行，只有单击处理程序。

做一些类似的事情

var form = document.getElementById('yourFormId');
form.addEventListener('submit', function (event) {
    event.preventDefault();
});

【讨论】：

【解决方案3】：

如果您不想提交表单，那么为什么要使用提交类型。
您可以根据需要简单地使用type="button" 并在其上调用 onClick 方法

 <input type="button" value="Copy To" name="btnCopy" id="btnCopy9">

【讨论】：