\r\n\r\n[/code]\r\n\r\n \r\n\r\n간단하게 생각나는대로 적어봤습니다.\r\n","author":{"@type":"Person","name":"베원"},"dateCreated":"2019-01-31T14:08:49+09:00"}],"acceptedAnswer":{"@type":"Answer","text":"[code]\r\n\r\n$(function() {\r\n    $(\".test\").on(\"keyup\", function() {\r\n        $(this).next(\"input.test\").focus();\r\n    });\r\n});\r\n\r\n[/code]\r\n\r\n\r\n\r\nclass는 원하시는 걸 쓰시면 되겠네요.\r\n","author":{"@type":"Person","name":"왕계란"},"dateCreated":"2019-01-31T14:48:02+09:00"}}}

Hello, World!
이전 목록 다음
채택완료

인풋 테그가 연속으로 작성되는 방법

그그누보드초보이용자
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전 2,337

1954538154_1548910936.8618.png

 

이것처럼 인풋 테그가 6개가 있는데요

한칸에 글자 하나인데요 바로 다음칸으로 넘어가면서 쭉써지게 하고싶은데;;

방법을 모르겠어서 문의드립니다.

 

인풋 테그가 탭키를 누르지안아도 연속으로 작성되는 방법

인풋
|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
쟁쟁반짜장
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전

Copy 
$(function() {
    $(".test").on("keyup", function() {
        $(this).next("input.test").focus();
    });
});

<input type="text" name="" class="test" maxlength="1" />

class는 원하시는 걸 쓰시면 되겠네요.

답변에 대한 댓글 1개

베원
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전
아 한글자로 제한이 되어있었네요. 이 답변이 맞습니다.
베원
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전

<input id="input1"><input id="input2"><input id="input3">

이렇게 있다고 할 때

 

Copy 
<script>

$(document).ready(function() {

    $("#input1").on("keyup", function() {

        if($("#input1").val().length >= 4)

            $("#input2").focus();

    });

    $("#input2").on("keyup", function() {

        if($("#input2").val().length >= 4)

        $("#input3").focus();

    });

});

</script>

 

간단하게 생각나는대로 적어봤습니다.

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