聊聊KeyCode被弃用后的问题
更新时间：2023年12月14日 15:44:12 作者：阿松爱睡觉
今天咱们就来聊聊KeyCode被弃用后的问题,希望对大家有所启发,如有错误或未考虑完全的地方,望不吝赐教
关于KeyCode被弃用后的问题
目前在开发是会发现，键盘事件的event事件对象的keyCode=“ASCll码值”已经被弃用了，但是大部分情况是不影响使用的，但是为了避免不必要的麻烦，还是建议大家依据实际情况做选择。
解决方法
document.onkeyup = function(event) {
event = window.event || event;
// 新方法
if (event.key == 'p') {
alert("按下了p键");
}
// 旧方法
if (event.keyCode == 80) {
alert("按下了p键");
}
}
简单来说就是将
keyCode=“键盘的ASCLL码值”，例 keyCode=“80”、keyCode="76"等
改为
key=“键盘的字母内容”，例 key=“a”、key=“Alt”、key="Enter"等
个人感觉，简洁了许多。
按键事件中的keycode被弃用，改用e.code替代
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
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JS实现的最简Table选项卡效果,涉及简单的JavaScript响应鼠标事件切换样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
下面介绍一下动态呼叫函数目前应该有下面两种方式，它们之间的使用及对比，感兴趣的朋友可以研究下，希望可以帮助到你2013-05-05
这篇文章主要介绍了JavaScript toDataURL图片转换问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
微信小程序实现Session功能及无法获取session问题的解决方法
这篇文章主要介绍了微信小程序实现Session功能及无法获取session问题的解决方法,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-05-05
在 Flutter 中,PageView 是一个非常常用的组件,能够实现多个页面的滑动切换,这篇文章主要介绍了Flutter-自适用高度PageView,需要的朋友可以参考下2024-08-08
本文主要介绍了原生js仿淘宝网商品放大镜效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了js添加事件的通用方法，还为大家介绍了js绑定事件的常用方式，感兴趣的小伙伴们可以参考一下2016-05-05
在我们平时写js的过程中，有可能会考虑到尽量兼容浏览器的兼容性，下面是两个常用的方法2008-09-09
js 调整select 位置的函数，向上移动，向下移动，移动到最上，移动到最后 这里把项目中写过的几个js函数来给大家分享，功能是通过js来实现对select 中的option的位置进行移动，代码如下2008-02-02
这篇文章主要为大家详细介绍如何完美实现js选项卡切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
最新评论