現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

イベント

JavaScriptでキー操作によって処理を行いたい

投稿日:2019年6月21日 更新日:

onkeydown = ★ キーが押されたとき
onkeypress = ★ キーが押されているとき
onkeyup = ★ キーが離されたとき
★・・・実行する命令(関数や関数名)
キーの操作状態によって発生するイベントです。同じオブジェクトに設定している場合は、onkeydown → onkeypress → onkeyup イベントの順に発生します。ページ上のほとんどの要素で利用可能です。なお、同じ操作でもブラウザの種類によって、発生するイベントの種類や発生順序が異なる場合があります。

スポンサーリンク

onkeydownイベント

キーが押されたときに発生するイベントです。
// キーが押されたら、「呼んだ?」というダイアログを表示します。
<body onkeydown=”alert(‘呼んだ?’)”>

onkeypressイベント

キーが押されている間、断続的に発生するイベントです。
// キーが押されている間、関数 kpress を呼び出します。
document.onkeypress = kpress;

onkeyupイベント

キーが押され、その後、離されたときに発生するイベントです。
// キーが離されたら、関数 kup() を呼び出します。
<a href=”#” onkeyup=”kup()”>

スポンサーリンク

-イベント
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

JavaScriptでサイズ変更時に処理を行いたい

onresize = ★ ★・・・実行する命令(関数や関数名) オブジェクトのサイズが変更されたときに発生するイベントです。サイズが変更されたときに処理を実行したい場合に使用します。ウィンドウやフレー …

JavaScriptでフォーカスの移動時に処理を行いたい

onfocus = ★ フォーカスが合ったとき onblur = ★ フォーカスが離れたとき ★・・・実行する命令(関数や関数名) マウスカーソルや[Tab]キーによってフォーカスが移動したときに発生 …

JavaScriptでイベントが発生した位置を調べたい

★.x マウスのX座標を参照 ★.y マウスのY座標を参照 ★.clientX マウスの表示領域上のX座標を参照/設定 ★.clientY マウスの表示領域上のY座標を参照/設定 ★.pageX マウ …

JavaScriptで読み込み時や移動時に処理を行いたい!

onload = ★ ページの読み込み時 onunload = ★ ページの切り替え時 ★・・・実行する命令(関数や関数名) ページの内容が完全に読み込まれたときやページの切り替え時に処理を実行したい …

JavaScriptでフォームのリセット時に処理を行いたい

onreset = ★ フォームリセット時 ★・・・実行する命令(関数や関数名) フォームがリセットされたときに発生するイベントです。実行する命令の戻り値がfalseの場合はリセットを行いません。 ス …