> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 사용자가 확인 없이 페이지를 떠나는 것을 어떻게 방지할 수 있나요?

JavaScript에서 사용자가 확인 없이 페이지를 떠나는 것을 어떻게 방지할 수 있나요?

Susan Sarandon
풀어 주다: 2024-11-13 03:23:02
원래의
417명이 탐색했습니다.

How Can I Prevent Users from Leaving a Page Without Confirmation in JavaScript?

JavaScript에서 확인 없이 페이지 종료 방지

사용자가 확인 없이 페이지를 떠나는 것을 방지하려면 onbeforeunload 이벤트가 효과적인 솔루션 역할을 합니다. 이 이벤트를 사용하면 사용자에게 페이지를 정말로 떠날 것인지 묻는 메시지를 표시할 수 있습니다.

구현:

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};
로그인 후 복사

또는 다음을 수행할 수 있습니다. 이 작업에는 jQuery를 활용하세요:

$(window).bind('beforeunload', function() {
  return 'Are you sure you want to leave?';
});
로그인 후 복사

고려 사항:

  • onbeforeunload 이벤트는 프롬프트만 표시합니다. 사용자를 다른 페이지로 리디렉션할 수 없습니다.
  • Chrome 14 이상에서는 onunload 이벤트 내에서 경고를 차단합니다. 따라서 페이지 언로드 전에 메시지를 표시하려면 대신 onbeforeunload를 사용하십시오.

추가 옵션:

사용자의 응답을 기반으로 사용자를 리디렉션하는 것이 목표인 경우 확인 메시지가 나타나면 다음과 같은 다른 방법을 사용할 수 있습니다.

1. URL 해시:

확인 메시지가 표시되면 URL에 해시(예: #leaving)를 추가합니다. 사용자가 "예"를 선택한 경우 해시를 제거하고 원하는 페이지로 리디렉션합니다.

2. 로컬 저장소:

사용자가 떠나고 싶다는 것을 나타내는 값을 로컬 저장소에 저장합니다. 사용자가 의도를 확인하면 저장된 값을 제거하고 리디렉션합니다.

위 내용은 JavaScript에서 사용자가 확인 없이 페이지를 떠나는 것을 어떻게 방지할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿