Frontend/Javascript

WindowEventHandlers.onpopstate

Developer Mobssie 2021. 8. 11. 11:56

 

WindowEventHandlers.onpopstate

https://developer.mozilla.org/ko/docs/Web/API/WindowEventHandlers/onpopstate

 

 

 

window의 popstate 이벤트 핸들러

- 같은 document에 관한 두개의 히스토리 엔트리에 변화가 일어날 때마다, popstate event가 window 객체에 붙게 된다.

- 만약 활성화된 엔트리가 history.pushState() 메서드나 history.replaceState() 메서드에 의해 생성되면, popstate 이벤트의 state 속성은 히스토리 엔트리 state 객체의 복사본을 갖게 된다.

- history.pushState() 또는 history.replaceState()는 popstate 이벤트를 발생시키지 않는 것에 유의한다.

- popstate 이벤트는 브라우저의 백 버튼이나 (history.back() 호출) 등을 통해서만 발생된다. 그리고 그 이벤트는 같은 document에서 두 히스토리 엔트리 간의 이동이 있을 때만 발생이 된다.

- 브라우저는 popstate 이벤트를 페이지 로딩시에 다르게 처리한다. Chrome(v34 이전버전) 와 Safari는 popstate 이벤트를 페이지 로딩시에 발생시킨다. 하지만 Firefox 는 그렇지 않다.

'Frontend > Javascript' 카테고리의 다른 글

in 연산자  (0) 2021.12.25
생성자 함수(constructor Function)  (0) 2021.09.08
History.pushState()  (0) 2021.08.11
Object.entries()  (0) 2021.06.18
async, await, try, catch  (0) 2021.06.01