這篇文章主要介紹“javascript的鍵盤事件有哪些”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“javascript的鍵盤事件有哪些”文章能幫助大家解決問題。

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì)及定制網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站建設(shè),高端網(wǎng)頁制作,對PE包裝袋等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站優(yōu)化推廣哪家好,專業(yè)營銷推廣優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

javascript有3種鍵盤事件：1、keydown事件，在鍵盤上按下某個(gè)鍵時(shí)觸發(fā)；2、keypress事件，按下某個(gè)鍵盤鍵并釋放時(shí)觸發(fā)；3、keyup事件，釋放某個(gè)鍵盤鍵時(shí)觸發(fā)。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

在 JavaScript 中，當(dāng)用戶操作鍵盤時(shí)，會(huì)觸發(fā)鍵盤事件。

鍵盤事件主要包括下面 3 種類型：

• keydown：在鍵盤上按下某個(gè)鍵時(shí)觸發(fā)。如果按住某個(gè)鍵，會(huì)不斷觸發(fā)該事件，但是 Opera 瀏覽器不支持這種連續(xù)操作。該事件處理函數(shù)返回 false 時(shí)，會(huì)取消默認(rèn)的動(dòng)作（如輸入的鍵盤字符，在 IE 和 Safari 瀏覽器下還會(huì)禁止keypress 事件響應(yīng)）。

• keypress：按下某個(gè)鍵盤鍵并釋放時(shí)觸發(fā)。如果按住某個(gè)鍵，會(huì)不斷觸發(fā)該事件。該事件處理函數(shù)返回 false 時(shí)，會(huì)取消默認(rèn)的動(dòng)作（如輸入的鍵盤字符）。

• keyup：釋放某個(gè)鍵盤鍵時(shí)觸發(fā)。該事件僅在松開鍵盤時(shí)觸發(fā)一次，不是一個(gè)持續(xù)的響應(yīng)狀態(tài)。

當(dāng)獲取用戶正按下鍵碼時(shí)，可以使用 keydown、keypress 和 keyup 事件獲取這些信息。其中 keydown 和 keypress 事件基本上是同義事件，它們的表現(xiàn)也完全一致，不過一些瀏覽器不允許使用 keypress 事件獲取按鍵信息。所有元素都支持鍵盤事件，但鍵盤事件多被應(yīng)用在表單輸入中。

示例

下面示例實(shí)時(shí)捕獲鍵盤操作的各種細(xì)節(jié)，即鍵盤響應(yīng)事件類型及對應(yīng)的鍵值。

<textarea id="key"></textarea>
<script>
    var key = document.getElementById("key");
    key.onkeydown =f;  //注冊keydown事件處理函數(shù)
    key.onkeyup = f;  //注冊keyup事件處理函數(shù)
    key.onkeypress = f;  //注冊keypress事件處理函數(shù)
    function f (e) {
        var e = e || window.event;  //標(biāo)準(zhǔn)化事件處理
        var s = e.type + " " + e.keyCode;  //獲取鍵盤事件類型和按下的值
        key.value = s;
    }
</script>

鍵盤事件屬性

鍵盤定義了很多屬性，如下表所示。利用這些屬性可以精確控制鍵盤操作。鍵盤事件屬性一般只在鍵盤相關(guān)事件發(fā)生時(shí)才會(huì)存在于事件對象中，但是 ctrlKey 和 shiftKey 屬性除外，因?yàn)樗鼈兛梢栽谒Ｊ录写嬖凇＠纾?dāng)按下 Ctrl 或Shift 鍵時(shí)單擊鼠標(biāo)操作。

鍵盤事件定義的屬性

屬性	說明
keyCode	該屬性包含鍵盤中對應(yīng)鍵位的鍵值
charCode	該屬性包含鍵盤中對應(yīng)鍵位的 Unicode 編碼，僅 DOM 支持
target	發(fā)生事件的節(jié)點(diǎn)（包含元素），僅 DOM 支持
srcElement	發(fā)生事件的元素，僅 IE 支持
shiftKey	是否按下 Shift 鍵，如果按下返回 true，否則為false
ctrlKey	是否按下 Ctrl 鍵，如果按下返回 true，否則為false
altKey	是否按下 Alt 鍵，如果按下返回 true，否則為false
metaKey	是否按下 Mtea 鍵，如果按下返回 true，否則為false，僅 DOM 支持

關(guān)于“javascript的鍵盤事件有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識點(diǎn)。

文章題目：javascript的鍵盤事件有哪些
分享路徑：http://chinadenli.net/article18/ppidgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站改版、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)