werkbank
    Preparing search index...

    Function usePointerHandler

    • Distinguishes between single and double pointer clicks.

      Parameters

      • handlers: Handlers

        Object containing onPointer (single click) and onDblPointer (double click) handlers.

      • delay: number = 250

        The delay in milliseconds to wait for a second click (default: 250ms).

      Returns Callback

      A PointerEventHandler to attach to an element.

      This hook returns a callback that delays execution to check if a second click occurs within the specified delay. If a second click occurs, onDblPointer is called. Otherwise, onPointer is called.

      const handler = usePointerHandler({
      onPointer: () => console.log("Single click"),
      onDblPointer: () => console.log("Double click")
      });
      return <button onClick={handler}>Click me</button>;