26 lines
717 B
TypeScript
26 lines
717 B
TypeScript
|
import { useEffect } from 'react';
|
||
|
|
|
||
|
|
export const useDocumentFocusChange = (onChange: (focus: boolean) => void) => {
|
||
|
|
useEffect(() => {
|
||
|
|
let localFocus = document.hasFocus();
|
||
|
|
|
||
|
|
const handleFocus = () => {
|
||
|
|
if (document.hasFocus()) {
|
||
|
|
if (localFocus) return;
|
||
|
|
localFocus = true;
|
||
|
|
onChange(localFocus);
|
||
|
|
} else if (localFocus) {
|
||
|
|
localFocus = false;
|
||
|
|
onChange(localFocus);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
document.addEventListener('focusin', handleFocus);
|
||
|
|
document.addEventListener('focusout', handleFocus);
|
||
|
|
return () => {
|
||
|
|
document.removeEventListener('focusin', handleFocus);
|
||
|
|
document.removeEventListener('focusout', handleFocus);
|
||
|
|
};
|
||
|
|
}, [onChange]);
|
||
|
|
};
|