在前端开发的过程中，我们经常需要实现键盘的快捷键操作。而 @npm-polymer/iron-a11y-keys 包可以帮助我们快速简单的创建这些快捷键操作。
安装
使用 npm 安装 @npm-polymer/iron-a11y-keys
npm install @npm-polymer/iron-a11y-keys
使用
首先，我们需要导入包
import '@npm-polymer/iron-a11y-keys/iron-a11y-keys.js'
然后，将 iron-a11y-keys 元素作为父元素，子元素即为需要进行快捷键操作的元素。可以将需要进行快捷键操作的元素通过添加 keys 属性来设置快捷键操作。例如：
<iron-a11y-keys target="[[target]]" keys="enter" on-keys-pressed="_onEnterPressed"></iron-a11y-keys>
上述代码表示，当点击 target 元素时，按下 enter 键，将会触发 _onEnterPressed 函数。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
----------- ---- ---- -------------
------- ------------- ----------------------------------------------------------------------------
-------
------
-------- ---- ---- ----------
---- ----------
------- ----------------- ---------------
------
--------------- ------------------- ------------ ---------------------------------------------------
--------
----- ---- -
------------- -
----------- - -----------------------------------
-
----------------- -
------------ -----------
-
-
------------------------------------------- -- -- -
----- ---- - --- -------
---
---------
-------
-------在上面的示例代码中，我们创建了一个 Demo 类，用于处理键盘快捷键被按下的情况。我们将 testBtn 按钮作为目标元素，添加了一个 enter 快捷键操作，在按下 enter 键时触发 _onEnterPressed 函数。
总结
使用 @npm-polymer/iron-a11y-keys 包，可以快速简单的创建键盘快捷键操作，让我们的应用程序更加易用和方便。同时，也能为视力障碍用户提供便利，让他们能够更加方便地使用我们的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fec81e8991b448ddaf7