js는 페이지를 떠날 때 저장되지 않은 정보에 대한 알림을 구현합니다(사용자 반복 작업 감소)_javascript 기술

자바스크립트 코드

코드 복사 코드는 다음과 같습니다.

/ /Leave 페이지
시 저장되지 않은 입력값이 있는지 확인 var hasSaved = false;//입력 내용에 대해 저장되지 않은 플래그가 있는지 여부 초기값은 false
function CheckUnsave(){
if (hasSaved==false ){
alert("업로드한 내용이 저장되지 않았습니다. 페이지를 떠나기 전에 저장하세요.")
return false;}
//return true; 추가할 수 없습니다
}

//저장 후 상태 변경
function ChangeState()
{
hasSaved = true
}

본문에 onbeforeunload 속성 추가
Html 코드

코드 복사 코드는 다음과 같습니다.

🎜>
액션을 제출하기 전에 ChangeState를 호출하세요.

특정 버튼을 누르고 페이지를 나가면 더 이상 알림이 표시되지 않습니다. 예를 들어 저장 버튼을 누르면 상태를 수정해야 합니다. 저장 버튼을 누른 후의 저장 식별자:

HTML 코드

코드 복사 코드는 다음과 같습니다. 다음: