웹상에서 다수의 입력항목이 있는 페이지에서 데이터를 입력하는 도중 실수로 [esc]나 [back space] 키를 누르면
History back으로 인식하여 새로 입력한 모든 정보가 날라갑니다.
그렇게 되고나면 복구도 불가능하고 오로지 다시 입력하는 수 밖에 없습니다.
사용자의 실수 방지 차원에서 가능한 잊지않고 넣으면 좋을 것 같습니다..
/*
******************************************
* 2005-08-10
* 박 이 수
* esc와 back-space 클릭 방지
******************************************
*/
document.onkeydown=checkKey;
function checkKey(){
//alert("You pressed a following key: "+window.event.keyCode);
// ESC Key 누를 때 데이터 사라지는 것 방지
if(window.event.keyCode == 27){
window.event.returnValue = false;
return;
}
// back-space 누를 때
if(window.event.keyCode == 8){
// TextEdit가 아니면 작동하지 않도록
if(!window.event.srcElement.isTextEdit){
window.event.returnValue = false;
return;
}else if(window.event.srcElement.readOnly || window.event.srcElement.disabled){
// readOnly나 disabled인 경우 작동하지 않도록
window.event.returnValue = false;
return;
}
}
event.returnValue = true;
}
from http://blog.paran.com/yisupark/5320870
'웹' 카테고리의 다른 글
Jquery 에서 Backspace(백스페이스) 기능 막고, 다른 기능 주기 (0) | 2014.02.10 |
---|---|
새로 고침과 백스페이스 방지를 위한 방법 (0) | 2014.02.10 |
HTML 긴 문자열 CSS로 자르기 - text-overflow:clip, ellipsis (0) | 2013.12.23 |
웹페이지 로딩속도 빠르게 하기 Image Sprite (0) | 2013.11.19 |
웹사이트 최적화 (펌) (0) | 2013.11.19 |