16 lines
415 B
TypeScript
16 lines
415 B
TypeScript
export function clickOutside(node: HTMLElement): { destroy: () => void } {
|
|
function handleClick(event: MouseEvent) {
|
|
if (node && !node.contains(event.target as Node) && !event.defaultPrevented) {
|
|
node.dispatchEvent(new CustomEvent('clickoutside'));
|
|
}
|
|
}
|
|
|
|
document.addEventListener('click', handleClick, true);
|
|
|
|
return {
|
|
destroy() {
|
|
document.removeEventListener('click', handleClick, true);
|
|
}
|
|
};
|
|
}
|