反应，Javascript - 捕获浏览器/标签关闭事件

Question

I am using beforeunload event handler to capture the browser close event. I am getting a pop up which shows ' leave ' and ' cancel ' option. Is there a way to capture the 'leave' button click event? I want to trigger a functionality is user clicks on 'leave' on that pop up.

Answer 1

const useLeave => {
    const [leaveState, setLeaveState] = useState(false);
    const unloadCallback = useCallback((event) => {
        event.preventDefault();
        let res = window.confirm('Leave? Really?’)
        setLeaveState(res)
    }, [leaveState]);
    useEffect(() => {
        window.addEventListener('beforeunload', unloadCallback);
        return () => {
            window.removeEventListener('beforeunload', unloadCallback)
        };
    }, []);

    return leaveState;
};