페이지를 떠나기 전에 사용자에게 이 페이지를 떠날지 묻는 메시지를 구현하는 js 메소드(브라우저 버튼 이벤트 포함)_javascript 기술

이 문서의 예에서는 js를 사용하여 페이지를 떠나기 전에 페이지를 떠날지 여부를 사용자에게 묻는 방법(브라우저 버튼 이벤트 포함)을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

사용자가 페이지를 떠나기 전에 이 페이지를 떠날지 여부를 묻는 메시지 표시(브라우저 버튼 이벤트 포함)

<script type="text/javascript">
window.onbeforeunload = function(){
return "您的文章尚未保存！";
}
</script>

페이지를 종료할 때 대화 상자가 나타나서 사용자에게 페이지를 종료하라는 메시지를 표시해야 하는 경우, 페이지를 저장하지 않고 특정 기능을 설정하는 것과 유사합니다. 구현 방법은 비교적 간단합니다. 가장 일반적인 방법은 unload 이벤트를 사용하는 것입니다. 그러나 이 구현에는 동의 여부에 관계없이 결과가 동일하므로 페이지가 종료됩니다. 대화 상자가 나타나면 사용자는 공백을 선택할 수 있으며 확인하면 종료됩니다. 그렇지 않으면 페이지가 닫히지 않습니다

언로드 이벤트를 로드하기 전에 메서드가 실행된다는 의미인 onbeforeunload() 이벤트를 사용하는 것이 좋습니다.

<script type="text/javascript">
   window.onbeforeunload = function(){
   return "必您确定要退出页面吗？";
   }
</script>

대화상자가 나타나고 확인만 하면 페이지가 종료됩니다.

window.onbeforeunload는 사용자가 페이지를 설정했지만 저장하지 않은 경우 프롬프트 효과를 얻기 위해 jQuery와 결합할 수 있습니다. 즉, 페이지를 저장한 경우 대화 상자가 표시되지 않아야 합니다. 방법, 필요하지 않은 경우

프롬프트 대화 상자:

<script type="text/javascript">
  window.onbeforeunload = function(){
    return;
  }
</script>

이렇게 하면 대화 상자가 나타나지 않고 페이지가 바로 종료됩니다.

jQuery를 결합하여 Javascript 종료 페이지 팝업 대화 상자를 구현하는 것은 위의 두 가지 방법을 결합하는 것입니다. 페이지가 특정 상황을 충족할 때 대화 상자가 팝업되어야 하는 경우 그렇지 않으면 대화 상자가 나타납니다. 팝업되지 않습니다. jQuery에는 자체 언로드 방법이 있지만 반환할 수는 없습니다. 따라서 window.onbeforeunload와 결합하면 실현이 가능합니다. 페이지를 종료하고 대화 상자를 팝업하는 기능입니다.

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.