> 웹 프론트엔드 > JS 튜토리얼 > JavaScript로 페이지 나가기 확인을 어떻게 구현할 수 있나요?

JavaScript로 페이지 나가기 확인을 어떻게 구현할 수 있나요?

Patricia Arquette
풀어 주다: 2024-11-12 10:32:01
원래의
830명이 탐색했습니다.

How Can I Implement a Leaving Page Confirmation in JavaScript?

JavaScript에서 페이지 확인 나가기

JavaScript의 onunload 이벤트는 일반적으로 사용자가 웹 페이지에서 벗어나기 전에 작업을 수행하는 데 사용됩니다. . 그러나 탐색 확인 및 사용자 리디렉션에는 의존할 수 없습니다.

onbeforeunload 사용

사용자가 페이지를 떠나기 전에 확인 메시지를 표시하려면 onbeforeunload 이벤트 취업할 수 있습니다. 이 이벤트는 사용자가 페이지에서 벗어나려고 시도할 때 시작됩니다.

JavaScript의 경우:

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는 사용자에게 메시지만 표시하고 리디렉션할 수 없다는 점에 유의하는 것이 중요합니다. 다른 페이지로. 사용자가 페이지에 머물기로 선택하면 브라우저는 의도한 탐색 경로를 계속 따릅니다.

onunload 사용

onunload 이벤트를 사용하여 작업을 실행할 수 있습니다. 페이지가 언로드되기 전에는 사용자를 리디렉션하는 데 사용할 수 없습니다.

In JavaScript:

window.onunload = function() {
  alert('Bye.');
};
로그인 후 복사

jQuery에서:

$(window).unload(function() {
  alert('Bye.');
});
로그인 후 복사

보안 고려 사항

보안상의 이유로 브라우저는 onbeforeunload 및 onunload 이벤트 사용을 방지합니다. 사용자를 리디렉션합니다. 이는 사용자가 원하지 않거나 안전하지 않은 페이지로 이동하도록 시도하는 악성 웹사이트로부터 보호하기 위한 것입니다.

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

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