웹 프론트엔드 JS 튜토리얼 Chrome 브라우저가 page_javascript 기술을 닫을 때 '이 페이지를 떠나시겠습니까?'라는 팝업을 얻는 방법

Chrome 브라우저가 page_javascript 기술을 닫을 때 '이 페이지를 떠나시겠습니까?'라는 팝업을 얻는 방법

May 16, 2016 pm 04:11 PM
chrome 팝업

1. 팝업창 피하기

인터넷에서 많이 검색해봤는데 대부분 window.onbeforeunload=null로 설정하라는 답변이었는데, 시도해본 결과 안되더라구요.

이 질문을 이틀 동안 미루다가 다시 생각해보니, 마침내 답을 여기에서 공유하고 싶습니다.

jquery 종료 페이지 팝업 프롬프트를 해제합니다. (1) 먼저 바인딩을 해제하고 팝업 콘텐츠를 null로 설정합니다.

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

$(함수(){
​​$(window).unbind('beforeunload');
​window.onbeforeunload = null;
})

2. 기타 관련 [요약]

(1)창의 onunload 및 onbeforeunload 이벤트

다음은 <body onunload="close()"> 메소드가 아닌 js로 구현한 내용입니다!
이는 본문이 언로드될 때 트리거되고, 본문이 닫힐 때 모든 브라우저가 본문을 언로드하기 때문입니다!

모델 1:

코드 복사 코드는 다음과 같습니다.
함수 닫기(){
Alert("테스트입니다");
}
window.onbeforeunload=닫기;

모델 2:

코드 복사 코드는 다음과 같습니다.
함수 닫기(){
If(document.body.clientWidth-event.clientX< 170&&event.clientY< 0||event.altKey)
{
Alert("테스트입니다");
}  
}
window.onbeforeunload=닫기

코드 복사
모델 1 정보:
1) 새로 고침, 다중 창 및 단일 창 모두에 적합합니다.
2).단일 창 IE는 전체 IE 트리거를 닫습니다.
3) IE7 다중 창에서 단일 페이지 트리거를 닫습니다
4) 다른 다중 창 새로 고침 트리거는 단일 창을 닫고 전체 창을 닫으면 트리거되지 않습니다.
모델 2의 경우:

1).ie 단일 창 및 ie7 다중 창을 실행하려면 전체 브라우저를 닫아야 합니다.
2) 다른 다중 창 브라우저를 새로 고치거나 페이지 전체를 닫으면
이 실행되지 않습니다.

(2)

퇴사 메시지 상자 만들기

언로드 이벤트 전 바인딩

코드 복사 코드는 다음과 같습니다.
$(window).bind('beforeunload',function(){
Return '입력한 내용이 저장되지 않았습니다. 이 페이지를 떠나시겠습니까? ';
});

바인딩 해제

코드 복사 코드는 다음과 같습니다.
$(window).unbind('beforeunload');
window.onbeforeunload = null;


위 내용은 이 글에 설명된 내용 전부입니다. 모두 마음에 드셨으면 좋겠습니다.

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

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

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

SublimeText3 중국어 버전

SublimeText3 중국어 버전

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

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

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

Windows 11/10의 Updater.exe는 무엇입니까? 이것이 Chrome 프로세스인가요? Windows 11/10의 Updater.exe는 무엇입니까? 이것이 Chrome 프로세스인가요? Mar 21, 2024 pm 05:36 PM

Windows 11/10의 Updater.exe는 무엇입니까? 이것이 Chrome 프로세스인가요?

crdownload는 어떤 파일인가요? crdownload는 어떤 파일인가요? Mar 08, 2023 am 11:38 AM

crdownload는 어떤 파일인가요?

크롬에서 플러그인을 로드할 수 없는 경우 해결 방법 크롬에서 플러그인을 로드할 수 없는 경우 해결 방법 Nov 06, 2023 pm 02:22 PM

크롬에서 플러그인을 로드할 수 없는 경우 해결 방법

Chrome 플러그인 확장 프로그램 설치 디렉터리는 무엇인가요? Chrome 플러그인 확장 프로그램 설치 디렉터리는 무엇인가요? Mar 08, 2024 am 08:55 AM

Chrome 플러그인 확장 프로그램 설치 디렉터리는 무엇인가요?

Chrome에서 웹페이지를 열 수 없는 문제를 해결하는 방법 Chrome에서 웹페이지를 열 수 없는 문제를 해결하는 방법 Jan 04, 2024 pm 10:18 PM

Chrome에서 웹페이지를 열 수 없는 문제를 해결하는 방법

Chrome 및 Edge의 모든 탭에서 텍스트를 검색하는 방법 Chrome 및 Edge의 모든 탭에서 텍스트를 검색하는 방법 Feb 19, 2024 am 11:30 AM

Chrome 및 Edge의 모든 탭에서 텍스트를 검색하는 방법

크롬이 무슨 뜻이야? 크롬이 무슨 뜻이야? Aug 07, 2023 pm 01:18 PM

크롬이 무슨 뜻이야?

chromesetup이란 어떤 소프트웨어인가요? chromesetup이란 어떤 소프트웨어인가요? Mar 03, 2023 pm 02:58 PM

chromesetup이란 어떤 소프트웨어인가요?

See all articles