Image

TECH I.S.

TECH I.S
TECH I.S
TECH I.S
TECH I.S

JavaScript HTML DOMイベントの例

JavaScriptを使用してイベントに反応する例

入力イベント

onblur - ユーザーが入力フィールドを離れたとき onchange - ユーザーが入力フィールドの内容を変更したとき onchange - ユーザーがドロップダウン値を選択したとき onfocus - 入力フィールドがフォーカスされたとき 入力テキストが選択されたとき onsubmit - ユーザーが送信ボタンをクリックしたとき onreset - ユーザーがリセット ボタンをクリックしたとき onkeydown - ユーザーがキーを押している/押しているとき onkeypress - ユーザーがキーを押している/押しているとき onkeyup - ユーザーがキーを離したとき onkeyup - ユーザーがキーを離したとき onkeydownとonkeyup - 両方

マウスイベント

onmouseover/onmouseout - マウスが要素の上を通過したとき onmousedown/onmouseup - マウスボタンを押す/離すとき onmousedown - マウスがクリックされたとき:どの要素を警告するか onmousedown - マウスがクリックされたとき:どのボタンに警告するか onmousemove/onmouseout - マウスポインターを画像の上/外に移動するとき onmouseover/onmouseout - マウスを画像の上/外に移動するとき onmouseイメージマップ上で

クリックイベント

onclickイベントへの対応 onclick - ボタンがクリックされたとき ondblclick - テキストをダブルクリックしたとき

イベントの読み込み

onload - ページがロードされたとき onload - イメージがロードされたとき onerror - 画像の読み込み時にエラーが発生した場合 onunload - ブラウザーがドキュメントを閉じたとき onresize - ブラウザーウィンドウのサイズが変更されたとき

その他

押されたキーのキーコードは？ カーソルの座標は？ 画面に対するカーソルの座標は? シフトキーは押されましたか？ 発生したイベントの種類は? 例の説明


プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう！

スクールの詳細

チュートリアル