onkeydown事件解决按回车键直接提交数据的需求_javascript技巧

登陆页面需要扑捉用户按下回车自动提交的需求:
在body里添加onkeydown事件跳javascript在提交表单。

查找文档如下
onkeydown 事件会在用户按下一个键盘按键时发生。
语法：onkeydown="SomeJavaScriptCode"

支持该事件的html标签;

复制代码 代码如下:

, ,

, , , , ,

, , , , , , <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <form>, <h1> to <h6>, <hr>, <i>, <input>, <kbd>, <label>, <legend>, <li>, <map>, <object>, <ol>, <p>, </p> <pre class="brush:php;toolbar:false">, &lt;q&gt;, &lt;samp&gt;, &lt;select&gt;, &lt;small&gt;, &lt;span&gt;, &lt;strong&gt;, &lt;sub&gt;, &lt;sup&gt;, &lt;table&gt;, &lt;tbody&gt;, &lt;td&gt;, &lt;textarea&gt;, &lt;tfoot&gt;, &lt;th&gt;, &lt;thead&gt;, &lt;tr&gt;, &lt;tt&gt;, &lt;ul&gt;, &lt;var&gt; &lt;br&gt; &lt;br&gt;支持该事件的javascript对象： &lt;br&gt;document, image, link, textarea浏览器差异： &lt;br&gt;Internet Explorer 使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 使用 event.which。 &lt;br&gt;实例：在本例中，用户无法在输入框中键入数字 &lt;br&gt;&lt;div class=&quot;codetitle&quot;&gt; &lt;span&gt;&lt;a style=&quot;CURSOR: pointer&quot; data=&quot;37383&quot; class=&quot;copybut&quot; id=&quot;copybut37383&quot; onclick=&quot;doCopy('code37383')&quot;&gt;&lt;u&gt;复制代码&lt;/u&gt;&lt;/a&gt;&lt;/span&gt; 代码如下:&lt;/div&gt; &lt;div class=&quot;codebody&quot; id=&quot;code37383&quot;&gt; &lt;br&gt; &lt;br&gt; &lt;br&gt;&lt;script type=&quot;text/javascript&quot;&gt; &lt;BR&gt;function noNumbers(e) &lt;BR&gt;{ &lt;BR&gt;var keynum &lt;BR&gt;var keychar &lt;BR&gt;var numcheck &lt;BR&gt;if(window.event) // IE &lt;BR&gt;{ &lt;BR&gt;keynum = e.keyCode &lt;BR&gt;} &lt;BR&gt;else if(e.which) // Netscape/Firefox/Opera &lt;BR&gt;{ &lt;BR&gt;keynum = e.which &lt;BR&gt;} &lt;BR&gt;keychar = String.fromCharCode(keynum) &lt;BR&gt;numcheck = /\d/ &lt;BR&gt;return !numcheck.test(keychar) &lt;BR&gt;} &lt;BR&gt;&lt;/script&gt; &lt;br&gt;&lt;form&gt; &lt;br&gt;&lt;input type=&quot;text&quot; onkeydown=&quot;return noNumbers(event)&quot;&gt; &lt;br&gt; &lt;/form&gt; &lt;br&gt; &lt;br&gt; &lt;/div&gt; &lt;/var&gt; &lt;/ul&gt;&lt;/tt&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;/th&gt; &lt;/tfoot&gt;&lt;/textarea&gt; &lt;/td&gt; &lt;/tbody&gt; &lt;/table&gt;&lt;/sup&gt;&lt;/sub&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/small&gt;&lt;/select&gt;&lt;/samp&gt;&lt;/q&gt;</pre> </ol></object></map> </li> </legend></label></kbd></i> </h6> </h1> </form> </fieldset></em> </dt> </div></dfn></del> </dd>