DOM:键盘事件对象之keyCode属性和使用方法

本文介绍了在JavaScript中如何通过keyup和keydown事件监听键盘输入,并利用keyCode属性获取ASCII码来判断用户按下的是哪个键。尽管keyup和keydown事件不区分字母大小写,但keypress事件会区分。示例代码展示了如何根据keyCode判断用户是否按下了'a'键。
摘要由CSDN通过智能技术生成

键盘事件对象中的keyCode属性可以得到相应键的ASCII码值。

document.addEventListener("keyup",function(e){
// keyCode可以得到按键的ASCII值
	console.log(e.keyCode);
}) 

keyup和keydown事件不区分字母大小写,比如a和A得到的都是65,b和B得到的都是66,是一样的ASCII码值。
但keypress事件是区分大小写的,a是97,A是65 b是98,B是66。
我们可以利用keyCode返回的ASCII码值,来判断用户按下了哪个键。比如:

<script>
document.addEventListener("keydown",function(e){
      // 判断是否按下了a键
      if(e.keyCode === 65){
        console.log("你按的是a键");
      }else {
        console.log("你按的不是a键");
      }
    })   
</script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值