웹 프론트엔드 JS 튜토리얼 js는 페이지를 떠날 때 저장되지 않은 정보에 대한 알림을 구현합니다(사용자 반복 작업 감소)_javascript 기술

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

May 16, 2016 pm 05:43 PM
상기시키다

자바스크립트 코드
코드 복사 코드는 다음과 같습니다.

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

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


본문에 onbeforeunload 속성 추가
Html 코드
코드 복사 코드는 다음과 같습니다.

🎜>
액션을 제출하기 전에 ChangeState를 호출하세요.
특정 버튼을 누르고 페이지를 나가면 더 이상 알림이 표시되지 않습니다. 예를 들어 저장 버튼을 누르면 상태를 수정해야 합니다. 저장 버튼을 누른 후의 저장 식별자:

HTML 코드


본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PHP 프로젝트에서 달력 기능과 이벤트 알림을 구현하는 방법은 무엇입니까? PHP 프로젝트에서 달력 기능과 이벤트 알림을 구현하는 방법은 무엇입니까? Nov 02, 2023 pm 12:48 PM

PHP 프로젝트에서 달력 기능과 이벤트 알림을 구현하는 방법은 무엇입니까?

PHP 브로드캐스트 알림 기능의 전체 구현 튜토리얼 PHP 브로드캐스트 알림 기능의 전체 구현 튜토리얼 Mar 01, 2024 am 10:30 AM

PHP 브로드캐스트 알림 기능의 전체 구현 튜토리얼

Win10 알림의 액세스 방법 분석 Win10 알림의 액세스 방법 분석 Jan 08, 2024 pm 01:45 PM

Win10 알림의 액세스 방법 분석

iOS 17에서 후속 조치 및 중요한 약 복용 알림을 받는 방법 iOS 17에서 후속 조치 및 중요한 약 복용 알림을 받는 방법 Sep 18, 2023 am 09:13 AM

iOS 17에서 후속 조치 및 중요한 약 복용 알림을 받는 방법

Win10 Focus Assistant의 지속적인 알림 문제를 해결하는 방법 Win10 Focus Assistant의 지속적인 알림 문제를 해결하는 방법 Jan 01, 2024 pm 05:37 PM

Win10 Focus Assistant의 지속적인 알림 문제를 해결하는 방법

iPhone에서 약 복용에 대한 후속 알림을 설정하는 방법 iPhone에서 약 복용에 대한 후속 알림을 설정하는 방법 Nov 29, 2023 am 08:18 AM

iPhone에서 약 복용에 대한 후속 알림을 설정하는 방법

Java는 온라인 시험 시스템에서 알림 및 미리 알림 모듈을 개발합니다. Java는 온라인 시험 시스템에서 알림 및 미리 알림 모듈을 개발합니다. Sep 25, 2023 am 08:58 AM

Java는 온라인 시험 시스템에서 알림 및 미리 알림 모듈을 개발합니다.

자동으로 정렬된 식료품 목록 만들기: iOS 17 알림 앱의 방법 안내 자동으로 정렬된 식료품 목록 만들기: iOS 17 알림 앱의 방법 안내 Sep 22, 2023 am 09:17 AM

자동으로 정렬된 식료품 목록 만들기: iOS 17 알림 앱의 방법 안내

See all articles