본문 바로가기

Front-end/Javascript

JavaScript - 이벤트 키 코드



자바스크립트 - 이벤트 키 코드


  • onKeyDown, onKeyPress, onKeyUp 등에서 사용가능한 스크립트 입니다.
  • 텍스트 입력 상자 등에서 사용가능하겠습니다.
    • 사용예제
    • <input type = "text" ... onKeyUp = "javascript:keyControl()"/>
    • 스크립트 함수 keyControl() 안에서는
    • <script>
    • function keyControl(){
    • if(event.keyCode == 키코드값)
    • {
    • 실행코드 기술
    • }
    • }
    • </script>

키 코드 값은 다음과 같습니다.

  • Key code 정리

    8 <백스페이스>

    9 <Tab>

    12 <Clear>

    13 <Enter>

    16 <Shift>

    17 <Ctrl>

    18 <Menu>

    19 <Pause>

    20 <Caps Lock>

    27 <Esc>

    32 <스페이스바>

    33 <Page Up>

    34 <Page Down>

    35 <End>

    36 <Home>

    37 <왼쪽 화살표>

    38 <위쪽 화살표>

    39 <오른쪽 화살표>

    40 <아래쪽 화살표>

    41 <Select>

    42 <Print Screen>

    43 <Execute>

    44 <Snapshot>

    45 <Ins>

    46 <Del>

    47 <Help>

    144 <Num Lock>

    문자키

    65 A

    66 B

    67 C

    68 D

    69 E

    70 F

    71 G

    72 H

    73 I

    74 J

    75 K

    76 L

    77 M

    78 N

    79 O

    80 P

    81 Q

    82 R

    83 S

    84 T

    85 U

    86 V

    87 W

    88 X

    89 Y

    90 Z

    '0'부터 '9'

    48 0 키

    49 1 키

    50 2 키

    51 3 키

    52 4 키

    53 5 키

    54 6 키

    55 7 키

    56 8 키

    57 9 키

    숫자키 모음

    96 0 키

    97 1 키

    98 2 키

    99 3 키

    100 4 키

    101 5 키

    102 6 키

    103 7 키

    104 8 키

    105 9 키

    106 곱하기 기호(*)

    107 더하기 기호(+)

    108 <Enter>키(숫자키 모음)

    109 빼기 기호(-)

    110 소수점(.)

    111 나누기 기호(/)

    기능 키

    112 F1

    113 F2

    114 F3

    115 F4

    116 F5

    117 F6

    118 F7

    119 F8

    120 F9

    121 F10

    122 F11

    123 F12

    124 F13

    125 F14

    126 F15

    127 F16