JavaScript: キー入力 (キーイベント) の処理
サンプル
- TestHTML_key_tabindex01.html
tabindex のサンプル。 タブキーで注目する部品(div)のフォーカスを移動する。 - TestJS_keyevent_div01.html
keydown イベントを処理するサンプル。div でキー入力を受ける。 - TestJS_keyevent_div02.html
addEventListener のサンプル。div でキー入力を受ける。
JavaScript イベント処理
event.preventDefault()
- TestJS_keyevent_scroll01.html
矢印キー入力による body のスクロールを止めるサンプル。
キーのリピート入力
- TestJS_keyevent_repeat01.html
矢印キーで div を動かす(その1)。keydown で処理した例。
keydown イベントはすぐにリピート入力させたい処理には使えません。 - TestJS_keyevent_repeat02.html
矢印キーで div を動かす(その2)。タイマーで処理した例。
すぐにリピート入力させたり、複数のキーの同時押しを処理したり するときに使います。
JavaScript タイマー処理