use-key-hook:React钩子可处理所有按键

时间:2024-05-17 14:53:14
【文件属性】:

文件名称:use-key-hook:React钩子可处理所有按键

文件大小:90KB

文件格式:ZIP

更新时间:2024-05-17 14:53:14

react javascript hooks reactjs react-hooks

使用钥匙钩 这是一个React钩子,可检测键盘上的全部或某些键。 如果要检测少量键并执行功能,则可以在数组中提供ASCII码或键的列表。 用例的几个例子: 在您的应用中添加键盘快捷键 按下退出键关闭模态 如果是音乐播放器,请控制音量并查找视频 实施下一个或上一个幻灯片放映 正在安装 npm install use-key-hook yarn add use-key-hook 演示版 用法 仅当从键盘按下A , +或z时,以下定义才会检测并执行提供的回调。 import useKey from 'use-key-hook' ; function MyComponent = ( props ) => { useKey ( ( pressedKey , event ) => { console . log ( 'Detected Key press' , pressedKe


【文件预览】:
use-key-hook-master
----.eslintrc.json(885B)
----src()
--------index.ts(1KB)
--------__tests__()
--------keys.ts(962B)
----.babelrc(60B)
----babel.config.js(184B)
----.vscode()
--------settings.json(41B)
----.travis.yml(55B)
----tsconfig.json(365B)
----LICENSE(1KB)
----.prettierrc(164B)
----README.md(3KB)
----dist()
--------index.js(2KB)
--------keys.js(1KB)
----.gitignore(1KB)
----package-lock.json(385KB)
----package.json(2KB)

网友评论