草庐IT

Javascript - 获取任何键盘布局的键描述

coder 2024-07-15 原文

对于丰富的 Web 应用程序，我需要键盘快捷键。因为有许多不同的键盘布局，所以它们必须是可配置的。不幸的是，我想不出一种方法将键盘事件映射到人类可读的快捷方式名称，例如Ctrl + Alt + Y 或Alt +\.

keypress 事件是无用的，因为它不会针对所有按键触发。以下是 keydown 事件的一些属性:

  • charCode:仅适用于可打印字符。 已弃用，根据 MDN
  • code:有效，但忽略了键盘布局。当我按 Z 键时，我的德语键盘上出现了 code: "KeyY"。
  • key:有效，但根据修饰符给出不同的结果。例如Shift+3 在我的键盘上生成 key: "§"，在大多数美式键盘上生成 key: "#"。
  • keyCode:值不唯一。 Ä、Ö、Ü 或 ^ 产生 keyCode: 0。 已弃用，根据 MDN
  • which:和keyCode一样，值不唯一。 已弃用，根据 MDN
  • altKey、ctrlKey、metaKey、shiftKey:用于检测修改键

我应该怎么做？甚至不知道用户的键盘布局也可能吗？

最佳答案

问题是，此时你永远无法从浏览器中知道键盘布局，你只能猜测和推测。有多种方法可以尝试某种检测，但它们总是很复杂，而且不是开箱即用的解决方案。

但是，您可以通过一些操作来确定以某种方式按下了哪个键。

所以 Keydown 会给你(假设事件对象是 e):

e.code:包含一个字符串，用于标识被按下的物理键。该值不受当前键盘布局或修饰符状态的影响，因此特定键将始终返回相同的值。 (来自 mozilla.org)

e.key:事件所代表的key的键值。如果该值具有打印表示，则此属性的值与 char 属性相同。

e.which 和 e.keyCode:虽然已弃用，但会为您提供键盘上按键的位置代码，如果 e.charCode 为 0，则这是一个位置代码(如果 < 256)或="">

现在这里棘手的部分是 e.key 实际上代表 unicode 字符，如果它是可打印的并且不是来自美国键盘并且不是特殊键。您可以将此字符转换为十进制数并检查值。如果它是一个 unicode 字符，它的十进制值将等于 which 和 keyCode 值。如果它是普通的 ASCII，它的小写值将等于 which 和 keyCode 值。此外，在执行此操作(转换)之前，您可以检查 e.key 是字符串(如 Control、Alt、CapsLock 等)还是字符(如 a、b、c 等)，因此如果它是char，然后你转换它。

所有这些都会让您知道按下了哪个键以及该键的 native 可打印字符是什么。我没有德语、意大利语或其他键盘来测试，但你明白了。

哦，如果您担心 Shift+3 会产生“§”或“#”，您应该始终将该组合表示为 Shift+3，无论字符是什么它会产生，更不用说 Ctrl+Shift+3 的组合会产生同样的结果。您只需担心字母字符，但我相信我已经为您提供了检查它的方法。

另外，我相信你可能甚至不需要 e.which 和 e.keyCode，因为 e.key 应该给你的一切。

关于Javascript - 获取任何键盘布局的键描述，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49056722/

Javascript获取strongcodesectioneventskeyboard-shortcutskeyboard-events

有关Javascript - 获取任何键盘布局的键描述的更多相关文章

  1. ruby - 如何将脚本文件的末尾读取为数据文件(Perl 或任何其他语言) - 2

    我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚

  2. ruby-on-rails - link_to 不显示任何 rails - 2

    我试图在索引页中创建一个超链接，但它没有显示，也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线，我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article

  3. ruby - 在 Ruby 中用键盘诅咒数组浏览 - 2

    我正在尝试在Ruby中制作一个cli应用程序，它接受一个给定的数组，然后将其显示为一个列表，我可以使用箭头键浏览它。我觉得我已经在Ruby中看到一个库已经这样做了，但我记不起它的名字了。我正在尝试对soundcloud2000中的代码进行逆向工程做类似的事情，但他的代码与SoundcloudAPI的使用紧密耦合。我知道cursesgem，我正在考虑更抽象的东西。广告有没有人见过可以做到这一点的库或一些概念证明的Ruby代码可以做到这一点？ 最佳答案 我不知道这是否是您正在寻找的，但也许您可以使用我的想法。由于我没有关于您要完成的工作

  4. ruby - 检查字符串是否包含散列中的任何键并返回它包含的键的值 - 2

    我有一个包含多个键的散列和一个字符串，该字符串不包含散列中的任何键或包含一个键。h={"k1"=>"v1","k2"=>"v2","k3"=>"v3"}s="thisisanexamplestringthatmightoccurwithakeysomewhereinthestringk1(withspecialcharacterslike(^&*$#@!^&&*))"检查s是否包含h中的任何键的最佳方法是什么，如果包含，则返回它包含的键的值？例如，对于上面的h和s的例子，输出应该是v1。编辑:只有字符串是用户定义的。哈希将始终相同。 最佳答案

  5. ruby - 简单获取法拉第超时 - 2

    有没有办法在这个简单的get方法中添加超时选项？我正在使用法拉第3.3。Faraday.get(url)四处寻找，我只能先发起连接后应用超时选项，然后应用超时选项。或者有什么简单的方法？这就是我现在正在做的:conn=Faraday.newresponse=conn.getdo|req|req.urlurlreq.options.timeout=2#2secondsend 最佳答案 试试这个:conn=Faraday.newdo|conn|conn.options.timeout=20endresponse=conn.get(url

  6. ruby - 从 Ruby 中的主机名获取 IP 地址 - 2

    我有一个存储主机名的Ruby数组server_names。如果我打印出来，它看起来像这样:["hostname.abc.com","hostname2.abc.com","hostname3.abc.com"]相当标准。我想要做的是获取这些服务器的IP(可能将它们存储在另一个变量中)。看起来IPSocket类可以做到这一点，但我不确定如何使用IPSocket类遍历它。如果它只是尝试像这样打印出IP:server_names.eachdo|name|IPSocket::getaddress(name)pnameend它提示我没有提供服务器名称。这是语法问题还是我没有正确使用类？输出:ge

  7. ruby-on-rails - RSpec:避免使用允许接收的任何实例 - 2

    我正在处理旧代码的一部分。beforedoallow_any_instance_of(SportRateManager).toreceive(:create).and_return(true)endRubocop错误如下:Avoidstubbingusing'allow_any_instance_of'我读到了RuboCop::RSpec:AnyInstance我试着像下面那样改变它。由此beforedoallow_any_instance_of(SportRateManager).toreceive(:create).and_return(true)end对此:let(:sport_

  8. ruby - 获取模块中定义的所有常量的值 - 2

    我想获取模块中定义的所有常量的值:moduleLettersA='apple'.freezeB='boy'.freezeendconstants给了我常量的名字:Letters.constants(false)#=>[:A,:B]如何获取它们的值的数组，即["apple","boy"]？ 最佳答案 为了做到这一点，请使用mapLetters.constants(false).map&Letters.method(:const_get)这将返回["a","b"]第二种方式:Letters.constants(false).map{|c

  9. ruby-on-rails - 获取 inf-ruby 以使用 ruby​​ 版本管理器 (rvm) - 2

    我安装了ruby​​版本管理器，并将RVM安装的ruby​​实现设置为默认值，这样'哪个ruby'显示'~/.rvm/ruby-1.8.6-p383/bin/ruby'但是当我在emacs中打开inf-ruby缓冲区时，它使用安装在/usr/bin中的ruby​​。有没有办法让emacs像shell一样尊重ruby​​的路径？谢谢! 最佳答案 我创建了一个emacs扩展来将rvm集成到emacs中。如果您有兴趣，可以在这里获取:http://github.com/senny/rvm.el

  10. Ruby 从大范围中获取第 n 个项目 - 2

    假设我有这个范围:("aaaaa".."zzzzz")如何在不事先/每次生成整个项目的情况下从范围中获取第N个项目？ 最佳答案 一种快速简便的方法:("aaaaa".."zzzzz").first(42).last#==>"aaabp"如果出于某种原因你不得不一遍又一遍地这样做，或者如果你需要避免为前N个元素构建中间数组，你可以这样写:moduleEnumerabledefskip(n)returnto_enum:skip,nunlessblock_given?each_with_indexdo|item,index|yieldit

随机推荐