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>, , <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>