如何检查是否单击了提交按钮而不是页面上的输入？

Question

想象一下这段 html：

​<form>
    <input type="text">
    <input type="submit" id="a">
</form>​​​​​​

还有这段 Javascript

document.getElementById('a').onclick = function (e) {
    alert(e.type);
};​​​​

即使您在文本字段中按 Enter，警报也会始终显示“点击”。

如何检查按钮是否真的被点击？

Answer 1

想象一下这段 html：

<form>
    <input type="text">
    <input type="button" id="a">
</form>

还有这段 Javascript

document.getElementById('a').onclick = function (e) {
    this.form.submit();
};​​​​

不会有任何混淆。

几乎没有理由在现代 Web 应用程序中使用 input type="submit"。