# useClickAnyWhere

> Run a handler on every click anywhere in the document.

- Category: DOM
- Package: `hookli` (install with `npm i hookli`)
- Docs: https://hookli.vercel.app/docs/use-click-any-where

## Signature

```ts
useClickAnyWhere(handler: (event: MouseEvent) => void): void
```

## Parameters

- `handler`: `(event: MouseEvent) => void` — Called with the MouseEvent on every document-wide click. The latest handler is always used — no stale closure.

## Usage

```tsx
import { useState } from "react";
import { useClickAnyWhere } from "hookli";

export function Demo() {
  const [clicks, setClicks] = useState(0);

  useClickAnyWhere(() => setClicks((prev) => prev + 1));

  return <p>Document clicks: {clicks}</p>;
}
```

## Source

`src/hooks/use-click-any-where/use-click-any-where.ts`

```ts
import { useEventListener } from "../use-event-listener/use-event-listener";

export const useClickAnyWhere = (
  handler: (event: MouseEvent) => void,
): void => {
  useEventListener("click", handler);
};
```