文件名称::mouse_face: React 钩子,跟踪所选元素上的鼠标事件 - 零依赖
文件大小:1020KB
文件格式:ZIP
更新时间:2024-06-28 08:30:37
Awesome React Hooks
React Mighty Mouse React 钩子,跟踪所选元素上的鼠标事件。 使用 React DemoTab 创建的演示 :bookmark_tabs: 安装 npm install react-hook-mighty-mouse 特性 轻量级,零依赖 :package: 支持鼠标和触摸事件 鼠标位置 :computer_mouse: - 客户端/页面/屏幕 :link: 演示 鼠标相对于所选元素的位置 :link: 演示 鼠标角度 0 -360°?? 相对于所选元素 :link: 演示 - 眼睛跟随 :eyes: :link: 演示 跟踪鼠标按钮事件 :link: 演示 检测鼠标何时悬停在所选元素上 :link: 演示 检测键盘上按下的键 :keyboard: :link: 演示 示例导入 React from 'react'; 从 'react-hook-mighty-mouse' 导入 useMightyMouse; const App = () => { const { position } = useMightyMouse(); 返回 (
【文件预览】:
react-hook-mighty-mouse-master
----.travis.yml(786B)
----rollup.config.js(2KB)
----stories()
--------Default()
--------MouseCheese()
--------Flashlight()
--------ReactHookMightyMouse.scss(218B)
--------Keyboard()
--------RelativePositionImage()
--------Cursor()
--------EyesFollowTired()
--------ReactHookMightyMouse.story.tsx(1KB)
--------EyesFollow()
--------RelativePosition()
--------Buttons()
--------Positions()
--------MouseAngle()
--------MouseHover()
----.storybook()
--------config.js(657B)
--------addons.js(128B)
--------preview-head.html(205B)
--------webpack.config.js(486B)
--------config-theme.js(205B)
----package.json(3KB)
----.eslintrc.json(675B)
----.prettierrc(89B)
----demo.gif(162KB)
----LICENSE(1KB)
----package-lock.json(638KB)
----src()
--------react-hook-mighty-mouse()
--------index.ts(103B)
----tsconfig.json(688B)
----.gitignore(86B)
----README.md(5KB)
----mighty-mouse.png(25KB)