JavaScript에서 onbeforeunload 이벤트 핸들러를 사용하여 페이지 탐색을 가로채는 방법은 무엇입니까?

JavaScript에서 페이지 탐색 가로채기

사용자가 특정 웹페이지에서 벗어나는 것을 방지하는 것이 중요한 시나리오에서 JavaScript는 신뢰할 수 있는 방법을 제공합니다. 탐색 프로세스를 제어합니다. 그러한 방법 중 하나가 onbeforeunload 이벤트 핸들러입니다.

onbeforeunload 이벤트 핸들러

onbeforeunload 이벤트는 페이지가 언로드되기 직전에 트리거됩니다. 페이지 언로드가 시작된 후에 발생하는 onunload 이벤트와 달리 onbeforeunload는 탐색 프로세스를 중단할 수 있는 기회를 제공합니다.

onbeforeunload 구현

다음 페이지에서 탐색이 진행되는 것을 방지하려면 onbeforeunload를 사용하여 웹페이지를 만들려면 다음 단계를 따르세요.

1. onbeforeunload 이벤트에 대한 이벤트 리스너를 정의합니다.

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

2. 이벤트 리스너 내부에서 non을 반환합니다. -탐색을 방지하려면 빈 문자열입니다. 빈 문자열이 반환되면 브라우저는 기본 메시지를 표시합니다.

예:

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

참고: 이전 브라우저에서는 특정 문자열을 반환하여 탐색 확인 프롬프트에 표시되는 메시지를 사용자 정의할 수 있습니다.

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

onbeforeunload 이벤트 핸들러를 활용하면 페이지 탐색을 효과적으로 차단하고 사용자에게 확인 또는 취소 메시지를 표시할 수 있습니다. 현재 웹페이지를 떠나기 전 조치를 취하세요.

위 내용은 JavaScript에서 onbeforeunload 이벤트 핸들러를 사용하여 페이지 탐색을 가로채는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!