快捷導(dǎo)航

JavaScript onkeydown事件入門(mén)實(shí)例(鍵盤(pán)某個(gè)按鍵被按下)

更新時(shí)間：2014年10月17日 09:21:26 投稿：junjie

這篇文章主要介紹了JavaScript onkeydown事件入門(mén)實(shí)例,onkeydown事件捕捉鍵盤(pán)上某個(gè)按鍵被按下的情況,需要的朋友可以參考下

JavaScript onkeydown 事件

用戶(hù)按下一個(gè)鍵盤(pán)按鍵時(shí)會(huì)觸發(fā) onkeydown 事件。與 onkeypress 事件不同的是，onkeydown 事件是響應(yīng)任意鍵按下的處理（包括功能鍵），onkeypress 事件只響應(yīng)字符鍵按下后的處理。

提示

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

onkeydown 獲取用戶(hù)按下的鍵

下面是一個(gè)利用 onkeydown 事件獲取用戶(hù)按下鍵盤(pán)按鍵信息的例子：

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

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 得到的是一個(gè)按鍵對(duì)應(yīng)的數(shù)字值（Unicode 編碼），常用鍵值對(duì)應(yīng)如下：

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

在 Web 應(yīng)用中，常?？梢钥吹嚼?onkeydown 事件的 event.keyCode/event.which 來(lái)獲取用戶(hù)的一些鍵盤(pán)操作，從而運(yùn)行某些運(yùn)用的例子。如在用戶(hù)登錄時(shí)，如果按下了大寫(xiě)鎖定鍵（20），則加以提示大寫(xiě)鎖定；在有翻頁(yè)的時(shí)候，如果用戶(hù)按下左右箭頭，觸發(fā)上下翻頁(yè)等。

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

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

javascript事件與功能說(shuō)明大全：

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

您可能感興趣的文章: