Setipis di sumbernya: satu pemanggilan useEventListener ke window. Tetap dikirim sebagai item tersendiri karena namanya menyebut maksudnya, dan yang membacanya di tempat pemakaian langsung tahu cakupannya seluruh halaman — bukan sebuah elemen yang kebetulan tidak disebutkan.
Installation
pnpm dlx kliping@latest add use-click-any-whereIkut terpasang sendiri: use-event-listener.
Salin dulu is-browser, target, use-event-listener — masing-masing memuat sumbernya di halamannya sendiri — lalu tempel berkas ini.
ts
import { useEventListener } from '@/composables/use-event-listener'
export function useClickAnyWhere(handler: (event: MouseEvent) => void) {
return useEventListener('click', handler)
}Requirements
| Requirement | Value |
|---|---|
| Project | Vue 3.5+, alias @ — disiapkan kliping init |
| Kliping items | use-event-listener |
| Files | composables/use-click-any-where.ts |
API Reference
ts
export function useClickAnyWhere(handler: (event: MouseEvent) => void)Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
handler | (event: MouseEvent) => void | — | Called with every click anywhere on the page. |
Returns
() => void — Removes the listener.
Credits
Berasal dari shadcn-hooks (MIT, Copyright (c) 2025 Brendan Dash). Bentuk API-nya dari usehooks-ts lewat shadcn-hooks. Rantai lengkapnya di Credits.