onUnload 이벤트에서 페이지 새로 고침과 브라우저 닫기를 어떻게 구별합니까?

페이지 새로 고침과 브라우저 닫기 동작 구별

페이지 새로 고침이나 브라우저 닫기에 의해 트리거되는 경우 ONUNLOAD 이벤트는 두 동작을 구별하는 데 어려움을 겪습니다. .

이 문제를 해결하기 위해 다음 솔루션은 HTML5 로컬 저장소와 클라이언트/서버 AJAX 통신을 활용합니다.

솔루션 구현

페이지 onLoad 이벤트 핸들러

<code class="javascript">function myLoad(event) {
    if (window.localStorage) {
        var t0 = Number(window.localStorage['myUnloadEventFlag']);
        if (isNaN(t0)) t0=0;
        var t1=new Date().getTime();
        var duration=t1-t0;
        if (duration<10*1000) {
            // It's a browser reload
        } else {
            // It's a browser close
        }
    }
}</code>

페이지 onUnload 이벤트 핸들러

<code class="javascript">function myUnload(event) {
    if (window.localStorage) {
        // Flag the page as unloading
        window.localStorage['myUnloadEventFlag']=new Date().getTime();
    }

    // Notify the server to disconnect the user in a few seconds
    askServerToDisconnectUserInAFewSeconds();
}</code>

서버 구현

• 연결 해제 요청을 목록으로 수집합니다.
• 타이머 스레드를 설정하여 목록을 정기적으로 검사하고 시간 초과(5초) 후에 사용자 연결을 끊습니다.
• 클라이언트로부터 취소 요청을 받으면 목록에서 연결 해제 요청을 제거합니다.

핵심 사항

• beforeUnload 대신 언로드 이벤트를 사용하면 첨부 파일을 올바르게 처리할 수 있습니다.
• 이 솔루션은 HTML5 로컬 저장소를 지원하는 브라우저로 제한됩니다.
• event.clientY 또는 X 위치를 기반으로 하는 대체 접근 방식은 다음과 같습니다. 신뢰성이 떨어집니다.

위 내용은 onUnload 이벤트에서 페이지 새로 고침과 브라우저 닫기를 어떻게 구별합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!