JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)_基礎知識

JavaScript onkeypress 事件

使用者按下或按住一個鍵盤按鍵時會觸發 onkeypress 事件。

注意：onkeypress 事件與 onkeydown 事件有些細微差別，onkeypress 事件不做對應功能鍵按下的處理。具體可將下面的範例變更為 onkeydown 事件後，可輸入 !@#$ 等特殊字元即可體會出二者之間的差異。

提示

Internet Explorer/Chrome 瀏覽器使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 等瀏覽器則使用 event.which。

利用 onkeypress 事件只允許輸入數字

以下是利用 onkeypress 事件只允許使用者在表單域輸入數字的例子：

複製程式碼 程式碼如下:

<script><br /> function checkNumber(e)<br /> {<br />     var keynum = window.event ? e.keyCode : e.which;<br />     //alert(keynum);<br />     var tip = document.getElementById("tip");<br />     if( (48<=keynum && keynum<=57) || keynum == 8 ){<br />         tip.innerHTML = "";<br />         return true;<br />     }else {<br />         tip.innerHTML = "提示：只能輸入數字！";<br />         return false;<br />     }<br /> }   <br /> </script>

請輸入數字：

event.keyCode/event.which 得到的是一個按鍵對應的數字值（Unicode 編碼），常用鍵值列於 onkeydown 事件一節。範例中對 8 的值做特殊處理，是為了在文字域中支援退格（Backspace）鍵。