본문 바로가기

개발/javascript&jquery

[jQuery] 다른 페이지로 이동 할 때 .unload()

반응형

.unload()는 사용자가 다른 페이지로 이동할때 사용합니다.

 

.on( "unload", handler ) 

 

This could mean one of many things. The user could have clicked on a link to leave the page, or typed in a new URL in the address bar. The forward and back buttons will trigger the event. Closing the browser window will cause the event to be triggered. Even a page reload will first create an unload event.

 

link 클릭, 페이지 떠날때, 앞으로 가기, 뒤로가기 버튼 사용할때, 브라우저를 닫을때 이벤트 발생합니다.

페이지를 reload할 때 unload 이벤트 첫번째로 발생합니다.

 

The exact handling of the unload event has varied from version to version of browsers. For example, some versions of Firefox trigger the event when a link is followed, but not when the window is closed. In practical usage, behavior should be tested on all supported browsers and contrasted with the similar beforeunload event.

 

unload 이벤트는 브라우저마다 다릅니다. 

ex) firefox 는 창이 닫히는 경우 이벤트가 발생하지 않습니다.

 

$( window ).unload(function() {
  return "Handler for .unload() called.";
});

 

Any unload event handler should be bound to the window object:

This event is available so that scripts can perform cleanup when the user leaves the page. Most browsers will ignore calls to alert(), confirm() and prompt() inside the event handler. The string you return may be used in a confirmation dialog, but not all browsers support this. It is not possible to cancel the unload event with .preventDefault().

 

unload 이벤트는 window객체에 바인딩 되어야 합니다. 

unload이벤트를  .preventDefault()로 취소 할 수 없습니다.

 

As the .unload() method is just a shorthand for .on( "unload", handler ), detaching is possible using .off( "unload" ).

https://api.jquery.com/unload/

반응형