JavaScript에서 페이지 탐색을 방지하는 방법: 사용자 작업 중단 또는 차단

JavaScript에서 페이지 탐색 방지

웹 페이지에서 다른 곳으로 이동할 때 사용자가 실수로 저장하지 않은 변경 사항을 잃거나 중요한 작업을 완료하지 않은 상태로 둘 수 있습니다. JavaScript는 페이지 탐색을 완전히 중단하거나 방지하여 이 문제를 해결하는 방법을 제공합니다.

탐색 중단:

사용자가 페이지에서 다른 곳으로 이동하려고 하면 onbeforeunload 이벤트가 트리거됩니다. . 이 이벤트를 사용하면 사용자에게 확인을 요청하거나 추가 정보를 제공하는 프롬프트나 메시지를 표시할 수 있습니다. onbeforeunload 핸들러에서 비어 있지 않은 문자열을 반환하면 탐색이 중단되고 페이지가 종료되지 않습니다.

최신 브라우저에서는 이벤트 핸들러에서 빈 문자열을 반환하면 기본 확인 메시지가 표시됩니다. 이 메시지는 무시할 수 없습니다. 예:

<code class="javascript">window.onbeforeunload = function() {
  return "";
}</code>

사용자 정의 메시지의 예(이전 브라우저):

이전 브라우저는 탐색 확인 프롬프트에서 사용자 정의 메시지를 지정하는 옵션을 제공합니다.

<code class="javascript">window.onbeforeunload = function() {
  return "Are you sure you want to navigate away?";
}</code>

참고: 이 접근 방식은 특정 메시지를 표시해야 하고 모든 브라우저와 호환되지 않을 수 있으므로 제한됩니다. 더 넓은 호환성을 위해 빈 문자열 접근 방식을 사용하는 것이 좋습니다.

위 내용은 JavaScript에서 페이지 탐색을 방지하는 방법: 사용자 작업 중단 또는 차단의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!