useMove

タッチイベントとマウスイベントを介して移動インタラクションを処理します。


import { useMove } from 'primereact/hooks';
         

要素上でマーカーをドラッグして位置を追跡します。

X: 20Y: 60

const { ref, x, y, active, reset } = useMove({ initialValue: { x: 0.2, y: 0.6 } });
         

x軸のみを利用した水平スライダーの実装。

値: 20

const { ref, x } = useMove({ initialValue: { x: 0.2 } });
         

y軸のみを利用した垂直スライダーの実装。

値: 20

const { ref, y } = useMove({ initialValue: { y: 0.2 } });