진스
숫자 키패드 입력시 다음 input으로 이동 본문
728x90
<div class="inp_sel">
<input type="tel" placeholder="4자리" maxlength="4" class="inputs">
</div>
<div class="inp_sel">
<input type="tel" placeholder="4자리" maxlength="4" class="inputs">
</div>
<script>
$(function() {
$(".inputs").on('keyup', function () {
var charLimit = $(this).prop("maxlength");
if ($(this).val().length >= charLimit) {
$(this).next('.inputs').focus();
return false;
}
});
});
</script>
728x90
'JavaScript' 카테고리의 다른 글
휠 이벤트,터치 이벤트,스크롤을 원하는 속도로 부드럽게 이동하기 (1) | 2024.06.14 |
---|---|
swiper.js 가운데 정렬 및 기타 옵션 (0) | 2023.08.10 |
find 함수에서 Arrow Function(화살표 함수)에서 undefined 일때 확인해볼 내용 (0) | 2023.02.19 |
es6 유용한 문법 (0) | 2022.11.09 |
페이지마다 해당 메뉴명에 색상 다르게 주기(속성값에 문자열이 포함확인) (0) | 2022.08.04 |
Comments