JavaScript 는 페이지 를 떠 나 기 전에 알림 기능 을 실현 합 니 다[jQuery 실현 방법 첨부]

이 글 의 실례 는 자 바스 크 립 트 가 페이지 를 떠 나 기 전에 제시 하 는 기능 을 실현 하 는 것 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
페이지 를 떠 나 기 전의 힌트 는 onunload 로 할 수 없습니다.IE 만 호 환 되 기 때문에 Google 과 FireFox 를 호 환 하려 면 아 픕 니 다.
그리고 이 사건 은 닫 힌 후에 야 촉발 되 는 것 입 니 다.
대신 onbeforeunload 로 구현 할 수 있 습 니 다.
onbeforeunload 는 사용자 가 창 을 닫 거나 새로 고침 하거나 이 페이지 의 모든 하이퍼링크 를 클릭 하면 실 행 됩 니 다.
자 바스 크 립 트 코드 는 다음 과 같 습 니 다.

<script>
window.onbeforeunload=function(e){
  var e=window.event||e;
  e.returnValue=("         ?");
}
</script>

아주 짧 습 니 다.처음에 window.event 와 e 를 이용 하거나 브 라 우 저 를 호 환 합 니 다.
반환 값 은 알림 메시지 입 니 다.
IE8 의 효 과 는 다음 과 같 습 니 다.첫 줄 과 마지막 줄 은 반드시 존재 해 야 합 니 다.사용자 가'취소'를 누 르 면 아무 일 도 일어나 지 않 고'확인'을 누 르 면 이전 동작 을 계속 합 니 다.

Google Chrome 의 효 과 는 다음 과 같 습 니 다.마지막 줄 만 제어 할 수 있 고 다른 줄 은 시스템 자체 에 있 는 것 이 므 로 고 쳐 쓸 수 없습니다.

야호 선의 효 과 는 다음 과 같 습 니 다.그 힌트 정 보 를 읽 을 수 없습니다.저도 어 쩔 수 없습니다.누가 이 브 라 우 저 를 야호 선 이 라 고 부 릅 니까?

이 부분 은 JQuery 로 이렇게 쓰 여 있 습 니 다.

$(window).bind('beforeunload',function(){
  return '    ';
  }
);

JQuery 1.9 자체 브 라 우 저 호 환...
더 많은 자 바스 크 립 트 관련 내용 에 관심 이 있 는 독 자 는 본 사이트 의 주 제 를 볼 수 있다.,,,,,,,,,,
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기