• 회원가입
  • 로그인
  • 구글아이디로 로그인

[Event] JQ - unload() 메서드 - JQ 3.0 폐기완료. / 페이지 떠날 때 실행. (= 언로드 메서드)

목차

  1. unload() 예제
  2. unload() 정의
  3. unload() 구문

 

unload() 예제 - 페이지 떠날 때 '잘 가!' 경고창 띄우기.

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

<script>

$(document).ready(function(){

  $(window).unload(function(){

    alert("잘 가!");

  });

});

</script>


<a href="https://homzzang.com">홈짱닷컴 바로가기</a>

 

결과보기

※ 브라우저마다 작동 다를 수 있음. ㅡㅡ;

 

unload() 정의

 

사용자가 페이지 떠날 때 실행할 내용 지정.

 


 

1.

jQuery 1.8 - 폐기예고.

jQuery 3.0 - 폐기완료. 

 

2.

사용자가 페이지 떠나는 경우는 아래 경우에 해당.

  • 페이지 나가는 링크 클릭.
  • URL창에 새 URL 입력.
  • 앞으로 또는 뒤로 버튼 사용.
  • 브라우저 창이 닫힘.
  • 페이지 다시로드

 

3.

window 객체에 대해서만 사용해야 함.

 

4.

브라우저에 따라 동작 다를 수 있으니,

사용 전 미리 각 브라우저별 동작 확인.

 

 

unload() 구문

 

$(selector).unload(function)

 


[매개변수]

 

function

필수. 사용자가 페이지 떠날 때 실행할 함수.

 



분류 제목
Traversing JQ - next() 메서드 - 선택요소 다음 형제요소 반환. (= next메서드 = 넥스트메서드)
Traversing JQ - nextAll() 메서드 - 선택요소의 모든 다음 형제요소 반환. (= nextAll메서드 = 넥스…
Traversing JQ - nextUntil() 메서드 - 주어진 두 인수 사이의 모든 다음 형제요소 반환
Traversing JQ - not() 메서드 - 일치 안 하는 요소 선택 (= not메서드 = 낫메서드)
Traversing JQ - offsetParent() 메서드 - 최초로 position된 부모요소 반환 (= offsetPar…
Traversing JQ - parent() 메서드 - 선택요소의 직접 부모요소 반환 (= parent메서드 = 패런트 메서드)
Traversing JQ - parents() 메서드 - 선택요소 모든 조상요소 반환 (= parents메서드 = 패런츠 매서드…
Traversing JQ - parentsUntil() 메서드 - 지정요소 사이의 조상요소 반환 (= parentsUntil메서…
Traversing JQ - prev() 메서드 - 선택요소 이전 형제요소 반환 (= prev메서드 = 프리브메서드)
Traversing JQ - prevAll() 메서드 - 선택요소 이전의 모든 형제요소 반환 (= prevAll메서드 = 프리브…
Traversing JQ - prevUntil() 메서드 - 특정 범위 안의 이전 형제요소 반환. (= prevUntil메서드 …
Traversing JQ - siblings() 메서드 - 선택요소의 모든 형제요소 반환. (= siblings메서드 = 시블링…
Traversing JQ - slice() 메서드 - 특정 색인번호 범위 내로 요소 선택 범위 축소. (= slice메서드 = …
AJAX JQ - $.ajax() 메서드 ★ - 비동기식 AJAX 요청수행. (= ajax메서드 = 아작스메서드)
AJAX JQ - $.ajaxPrefilter() 메서드 - 아작스 옵션처리/기존옵션수정. (= ajaxPrefilt…
AJAX JQ - $.ajaxSetup() 메서드 ★ - 향후 AJAX 요청에 대한 기본값 설정. (= ajaxSet…
AJAX JQ - $.ajaxTransport() 메서드 - Ajax 데이터의 실제 전송을 처리하는 객체 생성. (=…
AJAX JQ - $.get() 메서드 ★ - AJAX HTTP GET방식으로 서버에서 데이터 로드 (= $.get메…
AJAX JQ - $.getJSON() ★ 메서드 - GET 방식으로 서버에서 JSON 데이터를 로드 (= getJS…
AJAX JQ - $.parseJSON() 메서드 - 폐기예고. JSON.parse()로 대체됨. JSON 문자열 …
12/15
목록
찾아주셔서 감사합니다. Since 2012