react-keydown:轻巧的按键组件包装,用于React组件

时间:2024-04-26 03:53:17
【文件属性】:

文件名称:react-keydown:轻巧的按键组件包装,用于React组件

文件大小:190KB

文件格式:ZIP

更新时间:2024-04-26 03:53:17

JavaScript

使用react-keydown作为高阶组件或装饰器,以将keydown事件传递给包装的组件,或直接通过指定的键调用方法。 适用于实现键盘导航或其他快捷方式。 主要优势: 声明性语法:组件说出它们将响应什么键。 直观DX :装饰一个类或方法以将其绑定到指定键。 作用域:通过装饰/包装组件来指定绑定的范围。 仅那些组件及其子组件将接收指定的按键事件,然后仅在它们似乎处于活动状态时才接收。 修饰键:支持标准的修饰键组合。 轻量级:压缩并压缩为2kb,无论您指定多少键绑定,仅将单个keydown侦听器附加到文档。 跨浏览器:可以在除IE 8及以下版本的所有浏览器中使用。 请查阅或继续阅读下面的内容以快速入门。 注意:react-keydown本身并不使用装饰器,但是要在应用程序中使用@keydown模式,您将需要像Babel这样的编译器和这样的装饰器转换插件: : 。 安装


【文件预览】:
react-keydown-master
----.eslintrc(118B)
----example()
--------src()
--------public()
----.babelrc(294B)
----package.json(2KB)
----tests()
--------event_handlers-test.js(951B)
--------match_keys-test.js(1KB)
--------store-test.js(3KB)
--------parse_keys-test.js(1KB)
--------fixtures()
----LICENSE(1KB)
----package-lock.json(303KB)
----src()
--------index.js(417B)
--------decorators()
--------event_handlers.js(2KB)
--------store.js(4KB)
--------lib()
----.npmignore(13B)
----.gitignore(535B)
----webpack.config.js(339B)
----CHANGELOG.md(8KB)
----tags.lock(6B)
----README.md(8KB)

网友评论