[ Javascript ] 웹페이지 상에서 백스페이스 키 눌림 방지

SMALL

웹페이지에서 양식을 작성하다 실수로 백스페이스 버튼을 눌렀을 때 뒤로 가버리는 경우가 있습니다.

그러지 않도록 백스페이스 입력 시 뒤로 가지 않도록 하는 코드입니다.

 

input 태그, textarea 태그에서 작업 시에는 작동하지 않고 나머지 부분에서만 작동합니다.

readOnly 속성이 적용되어 있을 경우 분기를 타지 않고 뒤로 가기가 진행되므로 아래 코드도 추가해 주셔야 합니다.

$(document).keydown(function(e){
	if(e.target.nodeName != "INPUT" && e.target.nodeName != "TEXTAREA"){
    	if(e.keyCode === 8){
        	if(confirm("뒤로 이동하시겠습니까?")){
            	 history.go(-1);
            }else{
            	return false;
            }
        }
    }
    if(e.target.readOnly){
    	if(e.keyCode === 8){
        	if(confirm("뒤로 이동하시겠습니까?")){
            	history.go(-1);
            }else{
            	return false;
            }
        }
    }
})