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

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

WBOY
풀어 주다: 2016-05-16 16:11:10
원래의
5097명이 탐색했습니다.

1. 팝업창 피하기

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

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

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

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

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

2. 기타 관련 [요약]

(1)창의 onunload 및 onbeforeunload 이벤트

다음은 메소드가 아닌 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;


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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿