html 에서 input 을 javascript 로 막아야 할 경우가 있습니다.
저 같은 경우에는 달력 라이브러리를 사용하는데,
해당 달력에서 readonly 를 사용하면 입력이 안 되는 문제가 있었습니다.
위와 같은 형태였는데, javascript 를 사용할 수 밖에 없었습니다.
소스코드는 아래와 같습니다.
- html input 소스코드
<input type='text' onkeyup='removeChar(event)' style='ime-mode:disabled;' />
- javascript 코드
<script type="text/javascript">
// 영어와 숫자 입력 방지
$("#input 아이디").keydown(function (e) {
return false;
});
// 한글 입력 방지
function removeChar(event) {
event = event || window.event;
var keyID = (event.which) ? event.which : event.keyCode;
if ( keyID == 8 || keyID == 46 || keyID == 37 || keyID == 39 )
return;
else
event.target.value = event.target.value.replace(/[^0-9]/g, "");
}
</script>