use-double-click:

时间:2024-08-24 01:32:24
【文件属性】:

文件名称:use-double-click:

文件大小:109KB

文件格式:ZIP

更新时间:2024-08-24 01:32:24

react hook doubleclick double-click ondblclick

使用-双击 use-double-click 是一个简单的 React 钩子,用于区分同一组件上的单击和双击。 文档 onDoubleClick()什么问题? 当您双击一个元素时, onClick()会与您的单个onDoubleClick()回调一起触发两次。 当单击和双击具有不同的功能时,这种效果是不可取的! useDoubleClick()在单击后等待二次单击的延迟窗口内,并且只有在此期间之后onSingleClick或onDoubleClick()回调才会触发一次。 安装 yarn add use-double-click 用法 import { useRef } from 'react' ; import useDoubleClick from 'use-double-click' ; const Button = ( ) => { const buttonRef =


【文件预览】:
use-double-click-master
----rollup.config.js(783B)
----yarn.lock(260KB)
----.eslintrc.js(979B)
----.prettierignore(39B)
----src()
--------__tests__()
--------index.js(1KB)
----.vscode()
--------settings.json(179B)
----.travis.yml(233B)
----LICENSE(1KB)
----jest.config.js(287B)
----README.md(3KB)
----.editorconfig(147B)
----.gitignore(296B)
----.prettierrc.js(164B)
----.babelrc.js(142B)
----CHANGELOG.md(166B)
----.eslintignore(328B)
----package.json(2KB)

网友评论