在开发前端应用时，处理键盘事件是一个基本要求。然而，由于浏览器厂商的实现不同，导致了事件属性会因为浏览器而不同，甚至还会出现省略某些键名的情况。这对于我们编写跨浏览器的前端代码是个巨大挑战。幸运的是，在这种场景下，npm 包 es-keyboardevent-key-polyfill 能够轻松帮我们解决这个问题。
在这篇文章中，我们将介绍如何使用 es-keyboardevent-key-polyfill 包，在处理键盘事件时，使代码更具可移植性和兼容性。
安装
要使用 npm 包 es-keyboardevent-key-polyfill，首先需要安装它。我们可以通过以下命令安装：
--- ------- -----------------------------
使用
一旦安装了 es-keyboardevent-key-polyfill，就可以在你的项目中使用它。让我们看看如何在浏览器上使用这个包。
导入
首先，在你的代码中导入 es-keyboardevent-key-polyfill:
------ --------------------------------
代码示例
接下来，我们给出一个示例，使用 es-keyboardevent-key-polyfill 来实现键盘事件的监听，并输出它的事件属性。
------ -------------------------------- ------------------------------------ --------------- - ----------------------- ------------------------ --------------------------- ---
这段代码将会保证在所有浏览器下成功输出事件属性，无论浏览器是否完整支持这些属性。
结论
es-keyboardevent-key-polyfill 包为处理键盘事件提供了一个方便的解决方案，让我们的代码更加可移植，同时也更加兼容。当然，在大多数情况下，现代浏览器都已经完整地实现了这些属性，所以我们并不一定需要一直使用它。当我们的应用需要浏览器兼容时，es-keyboardevent-key-polyfill 包就显得非常有用了。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600560c281e8991b448df0c1