[Javascript] BackSpace 뒤로가기 키 막기 이벤트

[Javascript] BackSpace 뒤로가기 키 막기 이벤트

 

 

이번 포스팅은 상당히 짧을 것으로 예상되지만 ,

그래도 중요한 기능이기 때문에 !! 잘 봐주시길 ^^

 

간단히 말하자면 , 페이지 뒤로가기 이벤트를 막기 위한 function이다.

 

보통 뒤로 가기 이벤트를 방지하기 위해서

 

window.history.forward(0);

 

으로만 처리해주는 경우가 많지만 , 우리에겐 키보드가 있다 . 두둥!

 

키보드에 BackSpace 키를 눌러도 뒤로가기 버튼을 클릭하는 것과 같기 때문에

BackSpace 키도 함께 막아주어야 뒤로가기를 완전히 방지할 수 있다.

 

오랜만에 참 짧은 소스코드.

 

1. // BackSpace 키 방지 이벤트
2.     $(document).keydown(function(e){   
3.         if(e.target.nodeName != "INPUT" && e.target.nodeName != "TEXTAREA"){       
4.             if(e.keyCode === 8){   
5.             return false;
6.             }
7.         }
8.     });
9.  
10.     window.history.forward(0);

 

 

이 소스를 페이지가 로드될 때 실행해주면 , 뒤로가기를 방지할 수가 있다. 

 

조금 더 자세히 설명을 하자면 , 이벤트가 발생하는 곳의 태그이름을 e.target.nodeName 으로 알아낸 후에

페이지 안에 INPUT 박스나 TEXTAREA 박스만 제외한 곳에서는 BackSpace 키가 통하지 않게 하는 것이다. ^^

 

참 쉽다. 뒤로가기를 해서는 안되는 페이지에는 아주 유용할듯하다.

 

그럼 이만 ~~~ ^ㅡ^

[출처] [Javascript] BackSpace 뒤로가기 키 막기 이벤트|작성자 Jack