jQuery

Javascript,jQuery

【JS】「コナミコマンド」入力でアクションを起こすスクリプトを作ってみた

以前より作ってみたかった「コナミコマンド」スクリプトを、時間が空いたところで作ってみました。
コナミコマンドは「↑↑↓↓←→←→BA」と入力する、ファミコン世代の懐かしコマンドです。

ページにコナミコマンドを仕込んでみる

キーボードから入力されたキーは、Javascriptにて「キーコード」と呼ばれる数値に置き換えることが可能です。
スクリプト上に規定のキーコードを用意しておき、入力されたキーと合致するとアクションを起こす、という具合にすれば実現できそうな感じです。

キモは『合致するかどうかの判定』で、あとはキーコードを調べるだけでほとんど出来上がったようなものです。
必要なキーとキーコードを整理するとこのようになります。

キーBA
コード384037396665

ということで、以下に出来上がったスクリプトを紹介してみます。

スクリプト

jQuery必須です。

↑任意の位置に記述します

キーコード一覧

以下はおまけ。
せっかくなので、キーボードにあるキーのコードを纏めておきます。

英数字キー

キーコード
048
149
250
351
452
553
654
755
856
957
A65
B66
C67
D68
E69
F70
G71
H72
I73
J74
K75
L76
M77
N78
O79
P80
Q81
R82
S83
T84
U85
V86
W87
X88
Y89
Z90

ファンクションキー

キーコード
F1112
F2113
F3114
F4115
F5116
F6117
F7118
F8119
F9120
F10121
F11122
F12123

テンキー

キーコード
096
197
298
399
4100
5101
6102
7103
8104
9105
*106
+107
-109
.110
/111

特殊キー

キーコード
BackSpace8
Tab9
Enter13
Shift16
Ctrl17
Alt18
PauseBreak19
CapsLock20
Esc27
Space32
PageUp33
PageDown34
End35
Home36
37
38
39
40
Insert45
Delete46
NumLock144
ScrollLock145
*、:186
+、;187
<、,188
=、-189
>、.190
?、/191
`、@192
{、[219
|、\220
}、]221
~、^222
_、\226
Windows91 or 92
メニュー93
JavaScript逆引きレシピ 第2版

JavaScript逆引きレシピ 第2版

山田 祥寛

価格 : 3,024円

     

-Javascript,jQuery