요소에 초점을 맞추기 위해 키 코드를 얻으려면 어떻게해야합니까?

크리스 바어

키 코드없이 그대로두면 모든 키에서 작동하지만 키 코드 "191"인 "/"키를 추가하려고하는데 이제 작동 할 수 없습니다. 그 후에도 preventDefault를 사용해 보았지만 여전히 아무것도 사용하지 않았습니다. 제대로 작동하도록 작성하려면 어떻게해야합니까? 예, 입력 줄에도 키 누르기가 있습니다. 문제가 아닙니다.

 function setFocusToTextBox(field, event) {
if (event.keyCode === 191) {
    document.getElementById("order_number").focus();
    }
}

</script>
</head>

<body onLoad="document.chip_insert.chip_number.focus();">

<center>
<h1>Jeffers HomeAgain Microchip Entry</h1>


<form name="chip_insert"  id="chip_insert" action="<?php echo $PHP_SELF;?>" onsubmit="return validateForm()" method="post" onkeydown="setFocusToTextBox(field, event)">
Order Number: <input tabindex="1" maxlength="12" type="text" name="order_number"  id="order_number"  value="<?php echo $value; ?>"  required="required"onkeydown="return tabOnEnter(this,event)" onfocus="this.focus();this.select()" /><br /><br />
Tag Number: <input tabindex="2" maxlength="15" type="text" name="chip_number" id="chip_number" required="required" /><br /><br />
<input tabindex="7" type="submit" />
</center>
</form>

<br />

<!--End body content -->

</body>
</html>
Scymex

이 시도

window.addEventListener('keydown', keydownCallback);

function keydownCallback(event) {
  if (event.keyCode === 191) {
    setTimeout(setFocusToTextBox); // setTimeout prevents insertion of slash
  }
}

function setFocusToTextBox() {
  document.getElementById("order_number").focus();
}
<input id="order_number" placeholder="Press / and I will be focused" size="60">

  1. 실행 코드 스 니펫을 누릅니다.
  2. 입력 주변 영역을 클릭하십시오.
  3. /를 누르면 입력에 초점이 맞춰집니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

값을 추출하기 위해 자바 스크립트에서이 키를 사용하여 코드를 작성하려면 어떻게해야합니까?

분류에서Dev

Raspbian의 릴리스 키링을 사용하기 위해 deboostrap (라이브 빌드를 통해)을 얻으려면 어떻게해야합니까?

분류에서Dev

카테고리 기능에서 키워드를 얻기 위해 관리 양식을 수정하려면 어떻게해야합니까?

분류에서Dev

이 코드를 리팩토링하기 위해 키 누름을 변수에 저장하려면 어떻게해야합니까?

분류에서Dev

Laravel : 외래 키가 기본 키를 참조하지 않는 피벗 테이블에서 레코드를 얻으려면 어떻게해야합니까?

분류에서Dev

최소값을 더 빨리 찾기 위해 코드를 만들려면 어떻게해야합니까?

분류에서Dev

한 줄로 키보드에서 다른 데이터 유형을 얻으려면 어떻게해야합니까?

분류에서Dev

값을 제공하여 HashMap에서 키를 얻으려면 어떻게해야합니까?

분류에서Dev

NPM 종속성에 대한 소스 맵을로드하기 위해 VSCode를 얻으려면 어떻게해야합니까?

분류에서Dev

마크 다운 (.md) 파일을 색인화하기 위해 recoll 패키지를 얻으려면 어떻게해야합니까?

분류에서Dev

이름이나 위치 대신 요소 유형을 기반으로 목록 목록에서 요소를 추출하려면 어떻게해야합니까?

분류에서Dev

엔드 포인트를 표시하기 위해 Swagger + Swashbuckle을 얻으려면 어떻게해야합니까?

분류에서Dev

Terminator가 숨김 해제에 초점을 맞추도록하려면 어떻게해야합니까?

분류에서Dev

텍스트보기의 길이와 너비를 수용하기 위해 빠른 UI에 도형을 맞추려면 어떻게해야합니까?

분류에서Dev

실행 취소 기록을 유지하기 위해 vim을 얻으려면 어떻게해야합니까?

분류에서Dev

실행 취소 기록을 유지하기 위해 vim을 얻으려면 어떻게해야합니까?

분류에서Dev

레이블을 기반으로 Xamarin에서 새 요소를 만들려면 어떻게해야합니까?

분류에서Dev

Github에서 내 테스트를 찾기 위해 PyTest를 얻으려면 어떻게해야합니까?

분류에서Dev

Ubuntu에서 버전 번호를보고하기 위해`tightvnc`를 얻으려면 어떻게해야합니까?

분류에서Dev

Super 키워드를 통해 변수의 값을 얻으려면 어떻게해야합니까?

분류에서Dev

OpenMP_C, OpenMP_CXX 등을 찾기 위해 CMake를 얻으려면 어떻게해야합니까?

분류에서Dev

내 테이블 뷰를 채우기 위해 사전 배열을 얻으려면 어떻게해야합니까?

분류에서Dev

문자열을 인쇄하기 위해 (아마도 키맵을 사용하여) atom에서 핫키를 설정하려면 어떻게해야합니까?

분류에서Dev

온라인에서 모든 아키텍처의 기존 데비안 소스 패키지 목록을 얻으려면 어떻게해야합니까?

분류에서Dev

Yad에서 Zenity 기능을 얻으려면 어떻게해야합니까?

분류에서Dev

Yad에서 Zenity 기능을 얻으려면 어떻게해야합니까?

분류에서Dev

Ubuntu에서 Acer TrueHarmony 기능을 얻으려면 어떻게해야합니까?

분류에서Dev

Android에서 CardView 크기를 얻으려면 어떻게해야합니까?

분류에서Dev

Axios를 사용하여 .zip 아카이브를 생성하기 위해 Pizzip에 제공 할 파일 배열을 얻으려면 어떻게해야합니까?

Related 관련 기사

  1. 1

    값을 추출하기 위해 자바 스크립트에서이 키를 사용하여 코드를 작성하려면 어떻게해야합니까?

  2. 2

    Raspbian의 릴리스 키링을 사용하기 위해 deboostrap (라이브 빌드를 통해)을 얻으려면 어떻게해야합니까?

  3. 3

    카테고리 기능에서 키워드를 얻기 위해 관리 양식을 수정하려면 어떻게해야합니까?

  4. 4

    이 코드를 리팩토링하기 위해 키 누름을 변수에 저장하려면 어떻게해야합니까?

  5. 5

    Laravel : 외래 키가 기본 키를 참조하지 않는 피벗 테이블에서 레코드를 얻으려면 어떻게해야합니까?

  6. 6

    최소값을 더 빨리 찾기 위해 코드를 만들려면 어떻게해야합니까?

  7. 7

    한 줄로 키보드에서 다른 데이터 유형을 얻으려면 어떻게해야합니까?

  8. 8

    값을 제공하여 HashMap에서 키를 얻으려면 어떻게해야합니까?

  9. 9

    NPM 종속성에 대한 소스 맵을로드하기 위해 VSCode를 얻으려면 어떻게해야합니까?

  10. 10

    마크 다운 (.md) 파일을 색인화하기 위해 recoll 패키지를 얻으려면 어떻게해야합니까?

  11. 11

    이름이나 위치 대신 요소 유형을 기반으로 목록 목록에서 요소를 추출하려면 어떻게해야합니까?

  12. 12

    엔드 포인트를 표시하기 위해 Swagger + Swashbuckle을 얻으려면 어떻게해야합니까?

  13. 13

    Terminator가 숨김 해제에 초점을 맞추도록하려면 어떻게해야합니까?

  14. 14

    텍스트보기의 길이와 너비를 수용하기 위해 빠른 UI에 도형을 맞추려면 어떻게해야합니까?

  15. 15

    실행 취소 기록을 유지하기 위해 vim을 얻으려면 어떻게해야합니까?

  16. 16

    실행 취소 기록을 유지하기 위해 vim을 얻으려면 어떻게해야합니까?

  17. 17

    레이블을 기반으로 Xamarin에서 새 요소를 만들려면 어떻게해야합니까?

  18. 18

    Github에서 내 테스트를 찾기 위해 PyTest를 얻으려면 어떻게해야합니까?

  19. 19

    Ubuntu에서 버전 번호를보고하기 위해`tightvnc`를 얻으려면 어떻게해야합니까?

  20. 20

    Super 키워드를 통해 변수의 값을 얻으려면 어떻게해야합니까?

  21. 21

    OpenMP_C, OpenMP_CXX 등을 찾기 위해 CMake를 얻으려면 어떻게해야합니까?

  22. 22

    내 테이블 뷰를 채우기 위해 사전 배열을 얻으려면 어떻게해야합니까?

  23. 23

    문자열을 인쇄하기 위해 (아마도 키맵을 사용하여) atom에서 핫키를 설정하려면 어떻게해야합니까?

  24. 24

    온라인에서 모든 아키텍처의 기존 데비안 소스 패키지 목록을 얻으려면 어떻게해야합니까?

  25. 25

    Yad에서 Zenity 기능을 얻으려면 어떻게해야합니까?

  26. 26

    Yad에서 Zenity 기능을 얻으려면 어떻게해야합니까?

  27. 27

    Ubuntu에서 Acer TrueHarmony 기능을 얻으려면 어떻게해야합니까?

  28. 28

    Android에서 CardView 크기를 얻으려면 어떻게해야합니까?

  29. 29

    Axios를 사용하여 .zip 아카이브를 생성하기 위해 Pizzip에 제공 할 파일 배열을 얻으려면 어떻게해야합니까?

뜨겁다태그

보관