JS-鍵盤事件對象

一、keyCode
獲取對應觸發(fā)事件的鍵盤 ,其對應按鍵打印出來為一個數(shù)值

獲取鍵盤事件          window.event || ev    // 非火狐可以通過windown.event 獲取,火狐通過傳參獲取
獲取對應觸發(fā)事件的鍵盤  keyCode               //返回 按下的鍵盤對應的數(shù)值

兼容寫法

document.onkeydown = function(ev){
    var evObj = window.event || ev;
    console.log(evObj.keyCode);
}

2、對于onkeydown 和onkeypress 兩個按下鍵盤事件:

onkeydown : 可以獲取特殊鍵盤的事件。對于字母按鍵,大小寫情況下按鍵對應值都一樣。
onkeypress: 不支持特殊按鍵。       字母按鍵,支持大小寫

二、metakey CM鍵
只針對keydown,因為keypress不支持特殊按鍵

document.onkeydown = function(ev){
    var evObj = window.event || ev;
    if(evObj.keyCode == 67 && evObj.metaKey){
        console.log("按了command + c");
    }
}
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 鍵盤事件全面控制主要分四個部分第一部分:瀏覽器的按鍵事件第二部分:兼容瀏覽器第三部分:代碼實現(xiàn)和優(yōu)化第四部分:總結...
    ShindouHikaru閱讀 4,015評論 0 4
  • 主要分四個部分 第一部分:瀏覽器的按鍵事件第二部分:兼容瀏覽器第三部分:代碼實現(xiàn)和優(yōu)化第四部分:總結 第一部分:瀏...
    若邪Y閱讀 2,175評論 0 2
  • 一、鍵盤事件基礎 1、定義 keydown:按下鍵盤鍵 keypress:緊接著keydown事件觸發(fā)(只有按下字...
    07120665a058閱讀 51,354評論 5 33
  • 今天,閨蜜跟我說,她說她對自己特別失望。 我問她,為什么這么說。 她說,她的工資低,工作能力不強,毫無上進心;上班...
    向著太陽奔跑的石頭閱讀 1,001評論 10 2
  • 看過太多的悲歡離合,越來越明白,人生有多少愛和時光是經(jīng)得起歲月的洗禮與等待。茫茫人海,所有禮貌都不過是源于陌生,罷...
    噫南閱讀 439評論 0 0

友情鏈接更多精彩內(nèi)容