웹 프론트엔드 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 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

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

PHP 방송 미리 알림 기능 구현을 위한 전체 튜토리얼 현재 인터넷 시대에 라이브 방송은 인기 있는 소셜 엔터테인먼트 방법이 되어 많은 시청자와 앵커의 관심을 끌고 있습니다. 사용자 경험을 향상시키기 위해 많은 라이브 방송 플랫폼은 방송 시작 알림 기능을 제공하므로 사용자는 자신이 좋아하는 앵커가 방송을 시작할 때 적시에 알림을 받을 수 있습니다. 이 글에서는 PHP를 사용하여 간단한 방송 알림 기능을 구현하는 방법과 특정 코드 예제를 첨부하는 방법을 자세히 소개합니다. 1. 데이터베이스 테이블을 생성하려면 먼저 사용자의 방송 알림 정보를 저장할 데이터베이스 테이블을 생성해야 합니다.

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

Win10 시스템에는 매우 편리한 알림 기능이 있지만, 이를 처음 접하는 많은 사용자들은 이를 어디에 사용해야 할지 모르기 때문에 오늘은 Win10에서 알림을 여는 위치를 아직 모르시는 분들을 위해 소개해 드리겠습니다. , 와서 좀 보세요. win10의 알림 위치는 다음과 같습니다. 1. 먼저 바탕 화면 오른쪽 하단에 있는 시간 아이콘을 클릭합니다. 2. 팝업 시간 메뉴에서 "시작"을 클릭하세요. 3. 달력이 자동으로 열리고 문제를 설정하려는 날짜를 선택합니다. 4. 그러면 일정 창이 나타나며, 이름 알림 시간을 설정할 수 있습니다.

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

PHP 프로젝트에서 달력 기능과 이벤트 알림을 구현하는 방법은 무엇입니까? 캘린더 기능과 이벤트 알림은 웹 애플리케이션을 개발할 때 일반적인 요구 사항 중 하나입니다. 개인 일정 관리, 팀 협업, 온라인 이벤트 예약 등 캘린더 기능을 통해 편리한 시간 관리와 거래 조율이 가능합니다. PHP 프로젝트에서 달력 기능 및 이벤트 알림 구현은 다음 단계를 통해 완료할 수 있습니다. 데이터베이스 디자인 먼저 달력 이벤트에 대한 정보를 저장할 데이터베이스 테이블을 디자인해야 합니다. 단순한 디자인에는 다음 필드가 포함될 수 있습니다. ID: 이벤트에 고유한 필드

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

iOS 17에서 Apple은 약물 알림 작동 방식을 포함하여 여러 가지 방법으로 건강 앱을 개선했습니다. 처방된 복용량을 놓치면 이제 후속 조치 알림을 받아 다시 정상으로 돌아올 수 있습니다. 작동 방식은 다음과 같습니다. iOS 16부터 Apple에서는 모든 처방약, 일반의약품, 비타민을 입력할 수 있으므로 약 복용 알림을 받고 상호 작용을 확인하는 등의 작업을 할 수 있습니다. iOS 17에서 Apple은 건강 앱을 사용하여 추적하는 모든 약물에 대해 "후속 알림"을 ​​추가하여 이 기능을 더욱 개선했습니다. 공식 알림을 받은 후 30분 이내에 약을 기록하지 않으면 복용량을 놓치지 않도록 두 번째 알림을 받도록 선택할 수 있습니다. 후속 알림을 받을 수 있을 뿐만 아니라 중요한 알림을 활성화할 수도 있습니다.

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

직장에서 바쁘고 Focus Assistant의 메시지나 시스템 메시지 알림으로 방해받고 싶지 않은데, 이때 Win10의 Focus Assistant가 계속 방해를 한다면, 이때 편집자는 어떻게 해야 합니까? 메시지 알림을 완전히 끄는 방법을 설명합니다. Win10 Focus Assistant는 다음과 같이 설정하라는 메시지를 계속 표시합니다. 1. 먼저 왼쪽 하단에 있는 win 키를 클릭한 다음 "설정"을 클릭합니다. 2. 그런 다음 Windows 설정에서 "시스템"을 엽니다. 3. 그런 다음 왼쪽의 "Focus Assistant"를 클릭하십시오. 4. 마지막으로 다른 설정을 닫고 "미러 알람 시계"만 켜면 됩니다.

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

iOS의 건강 앱은 iPhone 사용자에게 활동, 신체적, 정신적 건강에 대한 요약을 제공하여 중요한 건강 결정을 내리는 데 도움을 줍니다. 정기적으로 복용하는 약을 예약하거나 필요할 때 어떤 약을 복용하는지 건강 앱에 기록할 수 있으며, 복용 시기를 잊어버리는 일이 없도록 알림을 받게 됩니다. iOS 17에서는 건강 앱에 "후속 알림"이라는 새로운 기능이 추가되었습니다. 이 기능을 사용하면 예정된 시간으로부터 30분 후에도 약물 치료가 기록되지 않은 경우 알림을 받을 수 있습니다. 이 기사에서는 iPhone에서 약물 복용에 대한 후속 알림을 활성화하는 방법을 배우는 데 도움을 드리겠습니다. 목차[표시] iPhone에서 약물 복용에 대한 후속 알림을 활성화하는 방법을 보여줍니다. 필수: iOS1 실행

철도 12306 판매 알림 설정 방법 철도 12306 판매 알림 설정 방법 Feb 27, 2024 pm 12:37 PM

일상생활에서 고속철도나 기차를 이용하는 것은 우리의 일반적인 여행 방식이다. 모든 사람의 티켓 구매를 용이하게 하기 위해 Railway 12306 소프트웨어는 온라인 티켓 구매 기능을 제공합니다. 이 티켓 구매 방법은 간단하고 조작하기 쉬울 뿐만 아니라 매우 효율적입니다. 사용자는 티켓 판매 알림을 켜기만 하면 원하는 티켓을 신속하고 적절하게 구매할 수 있습니다. 그러면 Railway 12306 앱에서 판매 알림 기능을 켜는 방법은 무엇입니까? 이 튜토리얼 가이드는 도움이 필요한 모든 사람에게 도움이 되기를 바라며 자세한 가이드 소개를 제공합니다. "철도 12306" 판매 알림 설정 방법: 1. 출발역과 도착역을 선택하고 클릭하여 티켓을 확인하세요. 2. 달력을 클릭합니다. 3. 아직 티켓이 오픈되지 않은 날짜를 선택하시면 알림창이 뜹니다. 4. 바닥을 찾아라

PHP 브로드캐스트 알림 기능 실용 가이드: 입문부터 숙달까지 PHP 브로드캐스트 알림 기능 실용 가이드: 입문부터 숙달까지 Mar 01, 2024 am 09:36 AM

제목: PHP 방송 알림 기능 실용 가이드: 초보자부터 숙련까지 오늘날의 디지털 시대에 온라인 라이브 방송은 인기 있는 사교 방법이 되었으며, 많은 팬이 호스트의 라이브 콘텐츠를 시청하도록 유도합니다. 자신이 좋아하는 앵커의 생방송을 놓치지 않기 위해 많은 사용자들은 방송 시작 알림 기능을 설정하고 앵커의 생방송 알림을 적시에 받기를 희망할 것입니다. 이 기사에서는 독자가 입문부터 숙련까지 관련 기술을 익히는 데 도움이 되는 방송 알림 기능을 구현하기 위해 PHP 언어를 사용하는 방법을 살펴보겠습니다. 1. 준비작업 방송알림 기능 구현을 시작하기 전,

See all articles