2012-06-07 126 views
0

想象这片的html:如何检查提交按钮是否被点击而不是输入按钮?

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

和这段JavaScript

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

的警报总是会说“点击”,即使你按在文本框输入。

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

+1

只是好奇:它有什么不同? –

+0

[jQuery点击事件 - 如何判断鼠标是否被点击或输入键被按下了?]的可能重复?(http://stackoverflow.com/questions/7394796/jquery-click-event-how-to-tell-if-鼠标是 - 点击 - 或进入琴键被按下) –

+0

也许这将帮助:使用Javascript:输入按键事件] [1] [1]:http://stackoverflow.com/questions/905222/javascriptenter-key-press-event – blackwolf

回答

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"

+0

这不是语义上的正确,按钮不是你sed提交表单 –

+0

HTML,CSS,javascript中的大部分内容都没有意义,如果仅将它们看作语义元素,也不允许构建复杂的Web应用程序。务实,保持简单。不要忘记,在Ajax时代,表单很少被发送到服务器的被动对象。如果密钥是一个输入,那么检查onClick会是什么错误... –

+0

@dystroy [Unobtrusive Javascript](http://en.wikipedia.org/wiki/Unobtrusive_JavaScript)每个禁用JavaScript的人都不会能够使用表格/网站。 – Andreas

相关问题