Toukey
是一个简单、高效的键盘事件库。这里是 toukey 的文档网站 [toukey's]。
npm i toukey
你可以在浏览器中通过 UNPKG | jsDelivr 这些 cdn
进行使用。
<script src="https://unpkg.com/toukey/dist/toukey.umd.min.js"></script>
<script>
toukey.subscribe('space', function() {
console.log('space');
});
</script>
在 react 也很容易。
import { useEffect } from "react";
import { subscribe } from "toukey";
function App() {
useEffect(() => {
return subscribe("scope", () => {
console.log("scope");
});
});
return <div>hello world</div>;
}
这里有一个基于 toukey
制作的 react hook 的库 react-toukey-hook。
import * as Toukey from "toukey";
const handler = () => console.log("handler");
// subscribe
Toukey.on("scope", handler);
// unsubscribe
Toukey.off("scope", handler);
import { subscribe } from "toukey";
const unsubsribe = subscribe("scope", () => {
console.log("scope");
});