首頁 > web前端 > js教程 > JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)_基礎知識

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

WBOY
發布: 2016-05-16 16:33:47
原創
1922 人瀏覽過

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)鍵。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板