JS-键盘事件对象

一、keyCode
获取对应触发事件的键盘 ,其对应按键打印出来为一个数值

获取键盘事件          window.event || ev    // 非火狐可以通过windown.event 获取,火狐通过传参获取
获取对应触发事件的键盘  keyCode               //返回 按下的键盘对应的数值

兼容写法

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");
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 键盘事件全面控制主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结...
    ShindouHikaru阅读 4,029评论 0 4
  • 主要分四个部分 第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏...
    若邪Y阅读 2,199评论 0 2
  • 一、键盘事件基础 1、定义 keydown:按下键盘键 keypress:紧接着keydown事件触发(只有按下字...
    07120665a058阅读 51,402评论 5 33
  • 今天,闺蜜跟我说,她说她对自己特别失望。 我问她,为什么这么说。 她说,她的工资低,工作能力不强,毫无上进心;上班...
    向着太阳奔跑的石头阅读 1,035评论 10 2
  • 看过太多的悲欢离合,越来越明白,人生有多少爱和时光是经得起岁月的洗礼与等待。茫茫人海,所有礼貌都不过是源于陌生,罢...
    噫南阅读 463评论 0 0

友情链接更多精彩内容