ラボ > Javascript関連：イベント関連

js キー入力のチェック

任意のキーが押されたときに何かしたい。

作成日:2018-08-01, 更新日:2018-08-01

基本

指定した要素内を対象とする

$(〇〇〇).on('keydown', function(e){
  alert('キーコード「' + e.keyCode + '」');
});

ウィンドウ全体を対象とする（ドコで押されてもOK）

$(window).on('keydown', function(e){
  alert('キーコード「' + e.keyCode + '」');
});

各キーとキーコード

文字の各キー

対応キー キーコード テンキーのときのキーコード
1 49 97
2 50 98
3 51 99
4 52 100
5 53 101
6 54 102
7 55 103
8 56 104
9 57 105
0 48 96
A 65
B 66
C 67
D 68
E 69
F 70
G 71
H 72
I 73
J 74
K 75
L 76
M 77
N 78
O 79
P 80
Q 81
R 82
S 83
T 84
U 85
V 86
W 87
X 88
Y 89
Z 90
- 173
^ 160
\ 220
@ 64
[ 219
] 221
; 59
: 58
, 188
. 190 110
/ 191 111
* 106
- 109
+ 107

ファンクションキー

対応キー キーコード
F1 112
F2 113
F3 114
F4 115
F5 116
F6 117
F7 118
F8 119
F9 120
F10 121
F11 122
F12 123

矢印キー

対応キー キーコード
↑ 38
↓ 40
← 37
→ 39

機能のキー

対応キー キーコード テンキーのときのキーコード
Enter 13 13
Shift 16
Ctrl 17
Alt 18
Space 32
BackSpace 8
Esc 27
Tab 9
CapsLock 20
NumLock 144
Insert 45
Delete 46
Home 36
End 35
PageUp 33
PageDown 34
ScrollLock 145
Windows 91
英数 240
半角/全角 243
漢字 244
無変換 29
変換 28
カタカナ/ひらがな/ローマ字 242

サンプル

・Javascript/Jqueryでキー入力でゴニョゴニョしたい