【js】按键事件中的keycode被弃用，改用e.code替代

已于 2022-10-27 17:22:11 修改
阅读量3.6k 收藏 5
点赞数 1
分类专栏： js 文章标签： javascript 开发语言 ecmascript
于 2022-10-27 17:19:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tuzi007a/article/details/127556768
版权

js事件中，keyCode已废弃，最佳替代写法为e.code

也有用e.key写法的，但是这种写法不够准确，

比如你按键盘上的左右两边的Ctrl键，e.key都是Ctrl，

而e.code会明确写出来是CtrlLeft还是CtrlRight

再比如，在键盘上敲击空格键，key和code就有明显的区别了：

在这里插入图片描述

示例：

document.onkeydown = function(e) {
  console.log('code: ', e.code);
}

参考文档：

https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent/keyCode
新生代农民工官方认证码农小拽
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
10-20
主要给大家介绍了关于Javascript中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性的相关资料，文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
键盘事件中keyCode、which和charCode 的兼容性测试
10-31
键盘事件中keyCode、which和charCode的兼容性测试 在前端开发中，键盘事件是一个非常重要的事件类型，它可以捕捉用户在键盘上的输入操作。键盘事件中有三个关键属性：keyCode、which和charCode，这三个属性都是用于...
JavaScript——常用的键盘事件
shhghvvh的博客
11-26 5424
不再推荐使用该特性。虽然一些浏览器仍然支持它，但也许已从相关的 web 标准中移除，也许正准备移除或出于兼容性而保留。请尽量不要使用该特性。请注意，该特性随时可能无法正常工作。核心思路︰检测用户是否按下了s键，如果按下s键，就把光标定位到搜索框里面。使用键盘事件对象里面的keyCode判断用户按下的是否是s键。onkeypress某个键盘按键被按下时触发︰但是。等调节性按键的状态和键盘的区域 / 和布局有关。搜索框获得焦点∶使用js 里面的focus()方法。返回用户按下的物理按键的值。
关于KeyCode被弃用后的问题
成长之路，任重道远，期待你的关注！
06-26 3292
关于KeyCode被弃用后的解决方法前情解决方法 前情 目前在开发是会发现，键盘事件的event事件对象的keyCode=“ASCll码值”已经被弃用了，但是大部分情况是不影响使用的，但是为了避免不必要的麻烦，还是建议大家依据实际情况做选择。 解决方法 document.onkeyup = function(event) { event = window.event || event; // 新方法 if (event.key == '
关于js中keycode被弃用的解决替换方案
最新发布
老白干的zone
01-04 769
js中keycode被弃用，怎么办？
weixin_55213653的博客
10-22 2230
直接用code方法，识别功能键和字符键，与keycode不同：keycode返回的是ascll值 document.addEventListener("keydown",function(e) { alert(e.code) })
KeyboardEvent.keyCode 已被废弃
任某某的博客
02-04 2603
MDN官方文档说明
js键盘事件的keyCode
01-19
[removed] = function(event){ var event = event || window.event; alert(event.keyCode); }
e.key && e.which && e.keyCode
difw49417的博客
06-27 962
官方推荐用e.key来描述状态码，其他两种属性可能会在未来被废弃。 且key，keyCode和which 为只读属性 但是会有浏览器兼容性的问题，可以采用如下代码： let key = ''; if (e.key) { // onKeyDown，对应的e.key ＝ ‘ArrowDown ArrowUp Enter’等 key = e....
JS对键盘事件弃用keyCode怎么处理？
zuan131314的博客
12-02 5412
问题： 最近做游戏项目时发现JS已经弃用了keyCode 编辑器直接提示该方法被弃用 处理： 使用key代替keyCode 与keyCode不同的是key方法输出的是string字符串 以上下左右按键为例子： document.onkeydown=function(event){ console.log(event.key); }; 输入上面代码找到想要的按键对应的string字符串 按键 输出 上方按键 ArrowUp 下方按键 Arro..
js键盘事件再也不用搜keycode键码对照表了，直接用key属性获取按键string
weixin_44752429的博客
03-08 3681
以前使用键盘事件，总要搜一下keycode键码对照表，最近前端换了个IDE，从sublime换成WebStorm，无意间发现keyCode方法已经弃用了，虽然现在还是可以使用的，但以后就说不准了 不用keyCode，但是发现有一个key方法 key方法的输出类型为string字符串 onkeydown = function (event) { alert(typeof event.ke...
JavaScript中按键事件的e.keyCode || e.which || e.charCode
weixin_30394251的博客
12-12 331
1、浏览器的按键事件 浏览器有3种按键事件——keydown，keypress和keyup，分别对应onkeydown、onkeypress和onkeyup3个事件句柄。 一个典型的按键会产生所有这三种事件，依次是keydown-->keypress-->keyup。 1 <input type="text" id="text"> 2 <script&...
JavaScript中e.keycode详解
InetGeek的博客
03-09 5533
概述 学过javascript(简称js)的朋友应该都知道e.keycode事件在网页中有着重要作用，下面分享一下关于e.keycode的具体应用和详解 实例 1.获取按下的键盘按键Unicode值： var x = event.keyCode; 2.x 输出结果为: 119 // 119 是字符 "w" 定义和使用 定义 keyCode 属性返回onkeypress事件触发的键的值的字符代码，或者 onkeydown 或 onkeyup 事件的键的代码。 两种代码类型的区别是: 字符代码:表示
event事件---键盘事件
weixin_64804275的博客
05-22 349
键盘事件事件类型键码 事件类型 keydown当用户按下键盘上的任意键时触发，按住不动将重复触发 keyup 当用户释放键盘上的键时触发 keypress当用户按下键盘上的字符键时触发，按住不动将重复触发 键码 event.keyCode-----键码 event.charCode-----ASCII编码形式展示，需通过String.fromCharCode()方法转换（IE9以下不支持） 结合此案例了解这些事件 <!DOCTYPE html> <html lang="en"&g
js keycode 列表
被抛弃的猫
10-10 811
keycode    8 = BackSpace BackSpace keycode    9 = Tab Tab keycode   12 = Clear keycode   13 = Enter keycode   16 = Shift_L keycode   17 = Control_L keycode   18 = Alt_L keycode   19 = Pause ke
Javascript中的e.keyCode大全
热门推荐
hi_dzj的专栏
07-16 1万+
keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keycode 20 = Caps_Lo
js中event.keyCode在Firefox中失效的解决办法
weixin_42251413的博客
08-27 3060
window.onkeypress=function(e){ var event = e || window.event, //在火狐下event会做为参数传进来，ie下会在window下 keyCode = event.which || event.keyCode， //e.which是火狐下获取keyCode的方式，ie下使用e.keyCode获取 }...
js中event.keycode被弃用,替换成什么了
05-10
是的，`event.keyCode` 已被弃用，因为它并不是标准的 DOM 事件属性。取而代之的是使用 `event.key` 属性来获取按下的键的标识符。例如，如果用户按下了字母 A 键，则 `event.key` 的值为 "a"。如果用户按下了数字键 1，则 `event.key` 的值为 "1"。如果用户按下了方向键，则 `event.key` 的值会是 "ArrowUp"、"ArrowDown"、"ArrowLeft" 或 "ArrowRight" 等。 需要注意的是，`event.key` 属性仅在某些浏览器中得到支持。如果需要兼容性更好的解决方案，可以使用 `event.which` 或 `event.keyCode` 属性。但是，这两个属性也有被废弃的趋势，所以建议使用 `event.key`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值