js中Keydown事件

监听全局键盘按下事件

js:window.onkeydown = function(event){ }
jquery:$(document).keydown(function(event){ });

  1. 获取按下的键值
    event.key
    例如:按下回车键的key值为"Enter";

通过监听全局键盘按下事件,来测试key值

//测试key值:
window.onkeydown = function(e){
    //event可以简写成 e
	alert(e.key);
	//console.log(e.key);//不喜欢弹窗的话 可以通过控制台输出查看信息
}
  1. 获取按下的键码值
    event.keyCode
    例如:按下回车键的keyCode值为13

通过监听全局键盘按下事件,来测试keyCode值

//
`keydown` 事件JavaScript用于监听键盘按键被按下的事件。当你在网页上的键盘事件发生时,可以执行一个函数来处理该事件。这通常用于捕捉键盘输入、实现快捷键等交互功能。下面是如何使用 `keydown` 事件的一个简单示例: ```javascript // 获取页面的某个元素,假设是document对象 document.addEventListener('keydown', function(event) { // 输出按下的键的键码 console.log('Key Pressed:', event.keyCode); }); ``` 在上面的代码,我们为 `document` 对象添加了一个 `keydown` 事件监听器。当用户按下任何键时,都会触发这个监听器,并执行其的匿名函数。`event` 是一个事件对象,它包含了事件的相关信息,`keyCode` 属性存储了被按下的键的键码。 你还可以通过判断 `event.keyCode` 或 `event.key` 的值来执行不同的操作,从而实现更加复杂的逻辑: ```javascript document.addEventListener('keydown', function(event) { if (event.keyCode === 65) { // 如果按下的键是"A"的键码 console.log('You pressed A'); } else if (event.key === 'ArrowLeft') { // 如果使用的是"ArrowLeft"这样的描述性键名 console.log('You pressed Left arrow'); } }); ``` 在使用时,请注意以下几点: - 事件监听器通常会被添加到document或者其他具有焦点的元素上,以捕捉所有的键盘事件。 - `event.preventDefault()` 方法可以用来阻止某些键的默认行为,例如阻止空格键导致页面滚动。 - `event.stopPropagation()` 方法可以用来阻止事件进一步传播。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值