javascript實(shí)現(xiàn)捕捉鍵盤(pán)上按下的鍵
更新時(shí)間：2015年05月05日 11:33:18 投稿：hebedich
JavaScript取得按下鍵盤(pán)的鍵是哪個(gè)，通過(guò)創(chuàng)建一個(gè)event.keyCode對(duì)象，可有效獲取鍵盤(pán)上的鍵，運(yùn)行代碼后，點(diǎn)擊鍵盤(pán)上的任意鍵，網(wǎng)頁(yè)上顯示你按下的是哪個(gè)鍵。
小小的demo，用js捕捉鍵盤(pán)盤(pán)上按下了那個(gè)鍵，然后展示出對(duì)應(yīng)的code值
<!DOCTYPE html>
<html>
<head>
<script>
function showKeyCode(event)
{
document.getElementById("result").value= event.keyCode;
}
</script>
</head>
<body onkeyup="showKeyCode(event)">
<p>按下鍵盤(pán)上的鍵，文本框中會(huì)顯示對(duì)應(yīng)的code</p>
<input type="text" id="result" value="1" />
</body>
</html>
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)笑臉評(píng)分功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
本文給大家分享javascript封裝一個(gè)tab效果源碼分享，感興趣的朋友一起來(lái)看看吧2015-09-09
如何提升JavaScript執(zhí)行效率與性能在前端開(kāi)發(fā)中位于一個(gè)很重要的地方，這節(jié)來(lái)研究下如何在平時(shí)做項(xiàng)目過(guò)程中，提升JavaScript性能與運(yùn)行效率,需要的朋友可以參考下2012-12-12
本篇文章通過(guò)代碼分析給大家講解了JS制作推箱子小游戲的步驟以及要點(diǎn)，需要的朋友參考學(xué)習(xí)下吧。2018-01-01
詳解ES6 CLASS在微信小程序中的應(yīng)用實(shí)例
這篇文章主要介紹了詳解ES6 CLASS在微信小程序中的應(yīng)用實(shí)例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
JavaScript通過(guò)attachEvent和detachEvent方法處理帶參數(shù)的函數(shù)
通過(guò) attachEvent 和 detachEvent 方法處理帶參數(shù)的函數(shù)(示例代碼)2010-03-03
Bootstrap的popover(彈出框)在append后彈不出(失效)
這篇文章主要介紹了Bootstrap的popover(彈出框)在append后彈不出，失效的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
面向JavaScript入門(mén)初學(xué)者的二叉搜索樹(shù)算法教程
二叉搜索樹(shù)則是二叉樹(shù)的一種,但它只允許你在左側(cè)節(jié)點(diǎn)儲(chǔ)存比父節(jié)點(diǎn)小的值,右側(cè)只允許儲(chǔ)存比父節(jié)點(diǎn)大的值,這篇文章主要給大家介紹了關(guān)于JavaScript二叉搜索樹(shù)算法的相關(guān)資料,需要的朋友可以參考下2021-09-09
老生常談js動(dòng)態(tài)添加事件--- 事件委托
下面小編就為大家?guī)?lái)一篇老生常談js動(dòng)態(tài)添加事件--- 事件委托。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
fabric.js實(shí)現(xiàn)diy明信片功能
這篇文章主要為大家詳細(xì)介紹了fabric.js實(shí)現(xiàn)diy明信片功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03