CYMAKR

레이어 팝업 백버튼으로 닫아보자! 본문

Javascript

레이어 팝업 백버튼으로 닫아보자!

싀마 2017.06.08 14:13

모바일이 익숙해지면서 브라우저에 레이어 팝업을 굳이 백버튼으로 닫으려 하는 분들이 많아졌다...


그래서 백버튼에 이벤트를 달기로했다.


우선 백버튼은 히스토리 백 시켜주는 버튼이다.


백버튼을 눌렀을때 페이지가 유지되면서 자바스크립트가 동작해야된다.


이러한 조건하에 아래의 코드를 고쳐보도록하겠다.


<div class="layer"><h3>레이어가 떳어용!</h3></div>



<a href="#layer_open"><div class="layer"><h3>레이어가 떳어용!</h3></div></a>


URL에 #이 붙게되면 브라우저는 서버로 요청을 하지않는다.

하지만 히스토리는 남기게 되는데 이 때 해시가 change 이벤트가 발생한다.

발생했을때 동작할 펑션을 남겨주면된다.


window.addEventListener("hashchange", function(e) {

hideLayer();

})


0 Comments
댓글쓰기 폼