[jQuery] input태그 키 이벤트관련 질문드립니다.

Question

input 에 keyup 이벤트를 줘서 엔터키 일때 다음 input을 select하려고 하는데요,알파벳이나 숫자를 입력했을 때는 한칸씩 잘 이동하는데, 위 그림처럼 한글입력후에 엔터를 치면 두칸을 이동해버려요...한글을 입력할때 글 밑에 생기는 언더바 같은게 있을때 그러는거 같은데이걸 막을 수 있는 방법이 있을까요 ?event.preventDefault()로는 안되더라구요ㅠㅠ고수님들의 답을 구해봅니다 ㅠㅠ

ondaa · Answer

꼰대마인드로 잠시 텍스트를 고치자면input을 select 에서 select 가 아니라 focus 아닌가요. 오해의 소지가 있을 수 있어서요 ^^;; 질문하신건 코드를 봐야 할 거 같은데 if (e.keyCode &#61;&#61;&#61; 13) { $(this).parent().siblings().find('input').focus()} 아니면 직접 element 찾아서 focus 해주면 되지않나요 ?

연산동꿀주먹 · Answer

.focus()를 하면 태그에 말그대로 포커스를 주는데,.select()를 하면 input태그로 이동하면서 그 value값을 선택하게 됩니다.input안에 value가 있을때 지우지않고 바로 입력해도되서 상황에따라 더 select()가 더 편리할 때가 있죠. 질문을 다시 말씀드리면, input태그에서 한글을 입력하고 한글밑에 검은 줄이 있을때 엔터를 치면 한칸 건너뛰고 두 칸을 이동해버린다는거에요. 숫자나 알파벳일때, 그리고 한글 입력후 방향키를 눌러서 한글밑에 검은줄을 없애고 나면정상적으로 바로 다음 input으로 이동하구요. 소스는 아래와 같습니다. inputEvent &#61; (thisObj) &#61;> { if(event.keyCode &#61;&#61;'13'){ event.preventDefault(); $(thisObj).parents('td').next().find('input').select(); }}

ondaa · Answer

현재 element 에서 blur 를 먼저 하고 select 하면 어떨까요 ??focus가 해당 타겟에 잡혀있으니 우선 빼고 다음 input으로 넘어가는거죠.

연산동꿀주먹 · Answer

위에 올려드린 소스의 event.preventDefault( ); 바로 아래줄에 $(thisObj).blur를 추가해서 해봤는데안되더군요 ㅠㅠ 한글을입력했을때는 keydown에 반응을 해서 옆칸으로 포커스 이동해버리는데 도무지 왜그러는지 모르겠네요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

[jQuery] input태그 키 이벤트관련 질문드립니다.

4개의 답변

Q&A 목록