KeyboardEvent event.key和event.code不同
KeyboardEvent event.key和event.code是JavaScript中用于处理键盘事件的属性。
event.key是一个字符串，表示按下的键的标识符。它提供了一个简单的方式来获取按下的键的信息，例如 "a"、"Enter"、"Shift"等。这个属性可以用来判断用户按下了哪个键，并根据按下的键执行相应的操作。
event.code是一个字符串，表示按下的键的物理键码。它提供了一个标准化的方式来获取按下的键的信息，不受键盘布局的影响。例如，无论用户使用的是QWERTY键盘还是AZERTY键盘，按下的键的event.code都是相同的。这个属性可以用来处理需要考虑键盘布局的情况，例如游戏中的按键操作。
两者的区别在于event.key提供了一个更高级的抽象，可以直接获取按下的键的标识符，而event.code提供了一个更底层的抽象，可以获取按下的键的物理键码。在大多数情况下，使用event.key就足够了，因为它更直观和易于理解。
应用场景：
- 键盘事件处理：通过监听键盘事件，可以根据按下的键执行相应的操作，例如快捷键、表单验证等。
- 游戏开发：在游戏中，键盘事件是非常重要的，可以根据按下的键来控制游戏角色的移动、攻击等操作。
- 用户界面交互：在一些网页应用中，可以根据按下的键来触发用户界面的交互，例如打开菜单、切换标签等。
腾讯云相关产品：
腾讯云提供了一系列与云计算相关的产品和服务，以下是一些相关产品的介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
以上是对KeyboardEvent event.key和event.code的概念、分类、优势、应用场景以及腾讯云相关产品的介绍。
相关·内容
为什么event.key and event.code有时会有所不同？
浏览 3提问于2018-08-07得票数 0
在所有浏览器中，我都可以使用event.key，它运行得很好，但在android中，结果却是另外一回事：event.code: ''如何从KeyboardEvent 获取密钥代码或密钥字符串？
浏览 1提问于2019-12-20得票数 10
我需要使用Enter键来触发我的按钮。它应该调用greetings()函数。<input id='input' />Javascript let name=document.getElementById('input').value;
if(document.g
浏览 3提问于2019-07-10得票数 1
public async onKeyboardKeyDown(event: KeyboardEvent): Promise<void> { console.log("keyCode", event.keyCode); console.log("key", event.key);
} 我可以从event.keyCode获取结果
浏览 45提问于2021-01-19得票数 0
document.addEventListener( 'keydown', (event) => { if (event.code ===document.addEventListener( 'keydown', (event) => { if (event.code ==='ControlLeft' && event.code
浏览 85提问于2021-04-09得票数 0
回答已采纳
3回答
对js代码的片段进行Here's，以供参考。在我编写e.keyCode的地方，文本keyCode被划掉，一个黄色的灯泡出现在它旁边。 document.onkeydown = function(e) {}
浏览 60提问于2020-10-26得票数 1
我正在编写一个应用程序，其中包含有类型‘数字’的受控输入。我仍然可以在输入字段中键入字母，但是e.target.value只会被清空。有人知道我怎样才能不打字吗？也就是说，如果用户输入一个字母，则输入字段将不会注册，但仍然保留先前键入的数字。export class AddNewRecipe extends React.Component { super(props);
this.handl
浏览 3提问于2022-04-07得票数 1
例如，如果我有这个： function doSomething() { }我需要以跨浏览器/操作系统的方式按下键盘代码/字符..该怎么做呢？我在6年前就尝试过这一点，我记得那段时间并不容易，有时我必须传递事件或其他东西才能在opera或IE cmiiw上运行
浏览 4提问于2013-02-27得票数 11
回答已采纳
1回答
为什么不可能移动画布圈？只要给我一些提示，听众的问题就好了。我知道我犯了一些不好的错误，但没关系，我只是不能理解改变对象位置背后的原理。<html> <title>epicGame</title><body>
<canvas id="myCanvas" width="600px" height="600px" style="border:1px solid black"
浏览 1提问于2017-09-17得票数 0
回答已采纳
) { }编辑
按照Pitto的建议，我已经在我的android设备上记录了哪个和键码
浏览 5提问于2019-09-24得票数 5
4回答
大多数情况下，这是一次精神健康检查。这两个移位键的关键代码是16。这是否意味着实际上不可能在浏览器中区分左、右移位事件？
浏览 18提问于2014-02-26得票数 26
回答已采纳
1回答
我知道在使用JavaScript或jQuery时。我可以在对象上添加一个事件侦听器，以便在按下键时调用函数。 //How can I get the keycode?<textarea onkeyup="callMyFunction(1);"></textarea>
<textarea onkeyup="callMyFunction(2);"></textar
浏览 0提问于2019-01-14得票数 9
doClickHandlerAction(handler)"我的组件包含以下内容 if (event.keyCode === 40) {
let keyboardEvent = newKeyboardEvent('keydown'
浏览 1提问于2017-10-18得票数 4
回答已采纳
我试过(keyup)和(change)，但它们的工作原理都不一样。它们允许按键，然后删除数字。inputmode="numeric"
style="-webkit-text-security: disc;"></input> 下面是TS函数checkPin checkPin($event: KeyboardEvent
浏览 42提问于2017-10-26得票数 16
回答已采纳
1回答
根据的说法，数字1的代码值是49，但是下面的代码不能正常运行。在控制台中，当用户按数字1时，可以看到："key": "1","char": undefined,这意味着1的代码确实是49，但是如果结合shift，则在控制台中没有显示任何代码。"key": "!",
"code": "Digit1"
浏览 7提问于2017-07-24得票数 1
2回答
现在我在event.code中有了真正的密钥名，在event.key中我得到了键字符。举个例子:我按SHIFT和J，所以我得到: event.code: SHIFT KEYJ event.key: J
因此，我在event.key中获得了shift J中的“解释键”，但现在我需要将本机密钥转换为
浏览 6提问于2021-12-28得票数 0
1回答
pressed key was: " + String.fromCharCode(unicode) +"<br>The Unicode value is:"+ unicode;但event.which和event.keyCode以及charCode都是不可取的证明：
但是event.key给了你'shift'，‘控制’和其他东西，和<
浏览 3提问于2021-12-23得票数 -1
我想在一个文本输入字段中模拟一个enter-press，我可以使用一个id来识别它。首先，我将通过document.getElementById找到我的文本字段。这个很好用。接下来，我想在textfield中单击，以便在其中设置光标。最后我想按enter键。我不知道该怎么做。我在这里找不到任何解决办法。let plzField = document.getElementById("filter"); //find the text-field (works)plzField.enter(); //
浏览 7提问于2022-02-14得票数 0
回答已采纳
if(event.keyCode >= 48 && event.keyCode <= 90) {}
我知道怎么做are和0-9，但是在48到90之间的特殊字符(不是are和0-9之间)呢？我确实先看了看，但没有找到任何包含“键”的东西，只有a-z和0-9。如果它是一个副本，你能分享一个链接吗？
浏览 4提问于2022-04-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
