제이쿼리 backspace 로 인풋테그 연속으로 지우기..

그누보드초보이용자

2019-02-14 (목) 15:21:42 3,874

제이쿼리 backspace 로 인풋테그 연속으로 지우기.. 가가능할가요..?

이코드라고하면 1 2 3 4 5 6 이작성되잇는데 2번을 잘못써서 커서 포커스가 6번에서 backspace를 누르면 1번까지 연속으로 지워지도록요.

지금은 6번만 지워지고.... 반응이없어서요.. 부탁드립니다..

backspace

답변 1개

채택된 답변

+20 포인트

쟁반짜장

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2019-02-14 (목) 17:34:27

Copy

<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>

답변을 작성하려면 로그인이 필요합니다.

제이쿼리 backspace 로 인풋테그 연속으로 지우기..

답변 1개

공유하기