브라우저 닫기 이벤트를 안정적으로 감지하고 저장되지 않은 데이터를 처리하려면 어떻게 해야 합니까?

브라우저 닫기 이벤트 감지

관례적인 방법으로 브라우저 닫기 이벤트를 감지하는 데 어려움이 있습니까? 걱정하지 마세요. 이 세부 가이드는 창 닫기, 언로드 또는 언로드 전 이벤트를 모니터링하는 데 도움이 되는 포괄적인 솔루션을 제공합니다.

解决方案

다음 코드 조각은 독창적인 문제를 해결합니다. 문제:

window.onbeforeunload = function (event) {
  var message = 'Important: Please click on \'Save\' button to leave this page.';
  if (typeof event == 'undefined') {
    event = window.event;
  }
  if (event) {
    event.returnValue = message;
  }
  return message;
};

$(function () {
  $("a").not('#lnkLogOut').click(function () {
    window.onbeforeunload = null;
  });
  $(".btn").click(function () {
    window.onbeforeunload = null;
  });
});

이 솔루션에는 onbeforeunload 이벤트 핸들러는 브라우저 창이 닫히기 전에 트리거됩니다. 메시지 변수는 사용자에게 페이지를 떠나기 전에 데이터를 저장하라고 알리는 사용자 정의 프롬프트를 표시합니다.

특히 페이지의 특정 요소를 클릭할 때 프롬프트가 표시되지 않도록 하는 보조 기능이 포함되어 있습니다(이 경우 #lnkLogOut 및 .btn 요소).

Firefox 호환성 고려 사항

이 코드는 일반적으로 다른 브라우저에서 작동하지만 Firefox에서는 사용자 정의 프롬프트를 표시하지 않을 수 있다는 점에 유의하는 것이 중요합니다. 이러한 경우, 링크된 스레드에서 논의된 대로 대체 방법을 고려해야 할 수도 있습니다.

위 내용은 브라우저 닫기 이벤트를 안정적으로 감지하고 저장되지 않은 데이터를 처리하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!