是否在按下键时打印该键的名称?

Print the name of a Key when it is Pressed?(是否在按下键时打印该键的名称?)
本文介绍了是否在按下键时打印该键的名称?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

是否可以在按下某个键时获取其名称:

field.addEventListener("keydown", keyDown, false);
function keyDown(event) {
    ...
}
例如,当按空格键时,我希望获得字符串值:"space",或沿着这些行的东西。有什么简单的方法可以做到这一点吗?或者我需要一个库。

推荐答案

您可以获取键代码,但不能获取名称,因为名称因区域性、语言等而异,而JAVASCRIPT不提供任何方法来获取适合当前区域性和语言的区域性和语言特定名称。

所以回答"当按下某个键时,是否可能获得其名称?"IS:不是来自任何内置到JavaScript或浏览器中的东西。您将需要查找表和/或库。请注意,不同的键盘布局可能会提供不同的映射。

keypress事件为您提供匹配字符的字符代码(在event.charCode上,您可以像String.fromCharCode(event.charCode)一样使用它),但不是keydown,因为并非所有的keydown都会生成字符(与其他按键不同),而且实际上有时需要一个以上的keydown才能创建字符。


要获取密钥代码,只需使用:

var keyCode = event.which || event.keyCode || 0;
如果它存在且真实,则使用event.which;如果它存在且真实,则使用event.keyCode;如果两者都不存在且真实,则使用0。大多数浏览器使用which;许多IE版本使用keyCode

因为键"name"可能包括修饰符,所以我要提到事件上也有修饰符标志:event.shiftKeyevent.ctrlKeyevent.altKeyevent.metaKey

完成上述操作后,您将看到有人告诉您可以使用String.fromCharCode(keyCode)来获取密钥代码的字符。这只适用于一小部分键代码,因为键代码不是字符代码。两者之间有少量重叠,这就是为什么人们认为你可以做到这一点。例如,如果您在键盘上按a,在我听说过的任何键盘上,String.fromCharCode(keyCode)都会显示"A"(然后您可以使用event.shiftKey来决定是否将其小写)。但当你遇到英语字母表中26个字母(可能还有标准的10个数字)以外的任何字母时,它很快就会掉下来。

这篇关于是否在按下键时打印该键的名称?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

在小程序端input为number类型的表单,调出的键盘只有数字且没有小数点和负号。显然并不符合要求。所以我们用text类型来自己判断 1,必须为数字 2,第一位不是小数点,且只能出现一个小数点 3,负号只能出现在第一位,且只能出现一次 4,如果
本文给大家介绍Javascript js中实现和PHP一样的时间戳格式化函数的方法,具有一定的参考借鉴价值,需要的朋友可以参考下,我们知道在php中有一个date()函数,可以方便的把时间戳格式化为时间字符串。可是在js中,我们要想实现这种效果,要写好
需求是模板字符串中不允许出现script 标签、不允许有javascript: 和 .js 文件引用,主要方法如下: clearScriptTag (str) { const reg = /script[^]*([\S\s]*?)\/script/gim; // 清除标签内 相关 xss 安全代码 const reg1 = /javascript:/gim; const reg2 = / *.js/gim; if (reg.test(str)) { str
javascript中Replace全部替换字符用法实例代码,替换1次和多次,主要是正则表达式 var r= "1\n2\n3\n";//将字母\n替换成分号alert(r.replace("\n",";"));//结果:1;2\n3\n 只替换了第一个var r= "1\n2\n3\n";//将字母\n替换成分号alert(r.replace(/\n/g, ";"));//结果:1;2;3; replac
js输出当前日期和时间的实例代码,具体实例代码如下,有兴趣的朋友可以尝试运行下。 !doctype htmlhtml lang="en" head meta charset="UTF-8" title获取当前时间/title /head body script type="text/javascript" /** *获取当前时间 *format=1精确到天 *format=2精确到秒 */ function
p5.js WebGL 3d graphics covered by 2d background when rotated(P5.js旋转时被2D背景覆盖的WebGL 3D图形)