제이쿼리 backspace 로 인풋테그 연속으로 지우기..
본문
제이쿼리 backspace 로 인풋테그 연속으로 지우기.. 가가능할가요..?
<div>
<input type="text" value="" maxlength="1" numberOnly >
<input type="text" value="" maxlength="1" numberOnly >
<input type="text" value="" maxlength="1" numberOnly >
-
<input type="text" value="" maxlength="1" numberOnly >
<input type="text" value="" maxlength="1" numberOnly >
<input type="text" value="" maxlength="1" numberOnly >
</div>
이코드라고하면 1 2 3 4 5 6 이작성되잇는데 2번을 잘못써서 커서 포커스가 6번에서 backspace를 누르면 1번까지 연속으로 지워지도록요.
지금은 6번만 지워지고.... 반응이없어서요.. 부탁드립니다..
답변 1
<script>
$(function() {
$("input.num").on("keydown", function(e) {
var kc = e.keyCode || window.event.keyCode;
if(kc == 8) {
if($(this).val()) {
$(this).val("");
} else {
$(this).prev("input.num").focus().val("");
}
}
});
});
</script>
<div>
<input type="text" class="num" value="" maxlength="1" numberOnly >
<input type="text" class="num" value="" maxlength="1" numberOnly >
<input type="text" class="num" value="" maxlength="1" numberOnly >
-
<input type="text" class="num" value="" maxlength="1" numberOnly >
<input type="text" class="num" value="" maxlength="1" numberOnly >
<input type="text" class="num" value="" maxlength="1" numberOnly >
</div>
답변을 작성하시기 전에 로그인 해주세요.