채택완료

키보드 입력값 질문 드립니다.

2019-09-30 (월) 09:56:33 2,107

안녕하세요.

방향기 아래 위키를 이용해 탭, 쉬프트+탭 효과를 내보려고 합니다.

방향키 아래 를 누르면 탭키 키가 눌러지는 효과.

방향키 위를 누르면 쉬프트+탭 키가 눌러지는 효과.

를 내려면 어떻게 해야되나요?

|

답변 2개

채택된 답변
+20 포인트
2019-09-30 (월) 10:38:19
Copy
$("input").on("keydown", function(e) {
    if(e.key == "ArrowDown") $(this).next("input").focus();
    if(e.key == "ArrowUp") $(this).prev("input").focus();
});

<input type="text" name="">

<input type="text" name="">

<input type="text" name="">

키 매핑이 js로 가능한지는 잘 모르겠습니다.

위 예시는 그저 흉내만 낸 것입니다.

$(document).keydown(function(event) {
  if (event.keyCode == '37') {
    alert('좌측 화살키를 누르셨습니다.');
  }
  else if (event.keyCode == '39') {
    alert('우측 화살키를 누르셨습니다.');
  }
});

Enter key: 13
Up Arrow: 38
Down Arrow: 40
Left Arrow: 37
Roight Arrow: 39
ESC key: 27

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