日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

JavaScript onkeydown事件入门实例(键盘某个按键被按下)

發(fā)布時間:2023/12/13 综合教程 33 生活家
生活随笔 收集整理的這篇文章主要介紹了 JavaScript onkeydown事件入门实例(键盘某个按键被按下) 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

JavaScript onkeydown 事件

用戶按下一個鍵盤按鍵時會觸發(fā) onkeydown 事件。與onkeypress事件不同的是,onkeydown 事件是響應(yīng)任意鍵按下的處理(包括功能鍵),onkeypress 事件只響應(yīng)字符鍵按下后的處理。

提示

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

onkeydown 獲取用戶按下的鍵

下面是一個利用 onkeydown 事件獲取用戶按下鍵盤按鍵信息的例子:

復(fù)制代碼代碼如下:

<html>
<body>
<script type="text/javascript">

function noNumbers(e)
{
var keynum;
var keychar;

keynum = window.event ? e.keyCode : e.which;
keychar = String.fromCharCode(keynum);
alert(keynum+':'+keychar);
}

</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html>

如上面例子所示,event.keyCode/event.which 得到的是一個按鍵對應(yīng)的數(shù)字值(Unicode 編碼),常用鍵值對應(yīng)如下:

數(shù)字值 實(shí)際鍵值
48到57 0到9
65到90 a到z(A到Z)
112到135 F1到F24
8 BackSpace(退格)
9 Tab
13 Enter(回車)
20 Caps_Lock(大寫鎖定)
32 Space(空格鍵)
37 Left(左箭頭)
38 Up(上箭頭)
39 Right(右箭頭)
40 Down(下箭頭)

在 Web 應(yīng)用中,常常可以看到利用 onkeydown 事件的 event.keyCode/event.which 來獲取用戶的一些鍵盤操作,從而運(yùn)行某些運(yùn)用的例子。如在用戶登錄時,如果按下了大寫鎖定鍵(20),則加以提示大寫鎖定;在有翻頁的時候,如果用戶按下左右箭頭,觸發(fā)上下翻頁等。

獲得 Unicode 編碼值之后,如果需要得到實(shí)際對應(yīng)的按鍵值,可以通過 Srting 對象的 fromCharCode 方法(String.fromCharCode())獲得。注意,對于字符獲得的始終是大寫字符,而對于其他一些功能按鍵,得到的字符可能不太易閱讀。

PS:這里再為大家推薦一款關(guān)于JS事件的在線查詢工具,歸納總結(jié)了JS常用的事件類型與函數(shù)功能:

javascript事件與功能說明大全:

http://tools.jb51.net/table/javascript_event

總結(jié)

以上是生活随笔為你收集整理的JavaScript onkeydown事件入门实例(键盘某个按键被按下)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。