快捷導(dǎo)航

javascript實(shí)現(xiàn)捕捉鍵盤上按下的鍵

更新時(shí)間：2015年05月05日 11:33:18 投稿：hebedich

JavaScript取得按下鍵盤的鍵是哪個(gè)，通過創(chuàng)建一個(gè)event.keyCode對象，可有效獲取鍵盤上的鍵，運(yùn)行代碼后，點(diǎn)擊鍵盤上的任意鍵，網(wǎng)頁上顯示你按下的是哪個(gè)鍵。

小小的demo，用js捕捉鍵盤盤上按下了那個(gè)鍵，然后展示出對應(yīng)的code值

<!DOCTYPE html>
<html>
<head>
<script>
function showKeyCode(event)
{
document.getElementById("result").value= event.keyCode;
}
 
</script>
</head>
 
<body onkeyup="showKeyCode(event)">
<p>按下鍵盤上的鍵，文本框中會顯示對應(yīng)的code</p>
<input type="text" id="result" value="1" />
</body>
 
</html>

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

javascript HTML5文件上傳FileReader API
這篇文章主要介紹了javascript HTML5文件上傳FileReader API的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-04-04
layer關(guān)閉當(dāng)前窗口頁面以及確認(rèn)取消按鈕的方法
今天小編就為大家分享一篇layer關(guān)閉當(dāng)前窗口頁面以及確認(rèn)取消按鈕的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
jJavaScript中toFixed()和正則表達(dá)式的坑
這篇文章主要介紹了jJavaScript中toFixed()和正則表達(dá)式的坑，toFixed方法可以把Number四舍五入為指定小數(shù)位數(shù)的數(shù)字，具體詳細(xì)內(nèi)容需要的小伙伴可以參考一下
2022-04-04
hash和history路由模式區(qū)別示例解析
這篇文章主要為大家介紹了hash和history路由模式區(qū)別示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-07-07
javascript下with 的簡化代碼寫法
with 語句通常用來縮短特定情形下必須寫的代碼量。在下面的例子中，請注意 Math 的重復(fù)使用
2008-02-02
詳解JS中的attribute屬性
Attribute是屬性的意思，文章僅對部分兼容IE和FF的Attribute相關(guān)的介紹。具體內(nèi)容詳情大家參考下本文
2017-04-04
小程序?qū)崿F(xiàn)搜索界面小程序?qū)崿F(xiàn)推薦搜索列表效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)搜索界面，小程序?qū)崿F(xiàn)推薦搜索列表效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-05-05
js如何編寫簡單的ajax方法庫
這篇文章主要為大家詳細(xì)介紹了js如何編寫簡單的ajax方法庫，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
Solidity可支付函數(shù)使用示例詳解
這篇文章主要為大家介紹了Solidity可支付函數(shù)的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
使用TypeScript?V8來改進(jìn)您的JavaScript代碼
TypeScript?V8是一個(gè)強(qiáng)大的JavaScript類型系統(tǒng),它可以幫助你發(fā)現(xiàn)JavaScript代碼中的錯(cuò)誤和潛在問題,并在編譯時(shí)捕獲它們,以便您可以解決它們,TypeScript?V8為JavaScript提供一系列的類型注釋,包括自定義類型和其他高級功能
2023-08-08