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

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

イベント

JavaScriptでマウスクリック時に処理を行いたい

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

onclick = ★ マウスクリック時
ondblclick = ★ マウスダブルクリック時
onmousedown = ★ マウスダウン時
onmouseup = ★ マウスアップ時
★・・・実行する命令(関数)
マウスのボタンがクリックされたときに発生するイベントです。ページ上のほとんどの要素で使用できます。

スポンサーリンク

onclickイベント

マウスがクリックされたときに発生するイベントです。発生のタイミングはonmouseupイベントと同じです。
// ボタンがクリックされたら関数 myFunc() を呼び出します。
<input type=”button” value=”OK” onclick=”myFunc()” />

スポンサーリンク

ondblclickイベント

マウスのボタンがダブルクリックされたときに発生するイベントです。
// ボタンがダブルクリックされたら関数 myFunc() を呼び出します。
<input type=”button” value=”OK” ondblclick=”myFunc()” />

onmousedownイベント

マウスのボタンがクリックされたときに発生するイベントです。
// リンク部分でマウスのボタンがクリックされたら、ダイアログに「はずれ」と表示します。
<a href=”javascript:void(0)” onmousedown=”alert(‘はずれ’)”>

onmouseupイベント

マウスのボタンが離されたときに発生するイベントです。
// 画像名 myImg1 上でマウスのボタンが離れたら、関数 myFunc を呼び出します。
document.myImg1.onmouseup = myFunc;

スポンサーリンク

-イベント
-

執筆者:


comment

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

関連記事

JavaScriptでフォーム操作時に処理を行いたい

onchange = ★ 変更時 onselect = ★ 入力フィールド選択時 ★・・・実行する命令(関数や関数名) セレクトメニュー(select要素)やテキスト入力フィールド(textarea要 …

JavaScriptで押されたキーのキーコードを取得したい

★.keycode キーコードを参照 ★・・・Eventオブジェクト 入力されたキーのキーコード(文字コード)を参照します。 // 押されたキーのキーコードをダイアログに表示します。 alert(ev …

JavaScriptで画像が読み込めないときに処理を行いたい

onabort = ★ 画像の読み込み中断時 onerror = ★ 画像の読み込み失敗時 ★・・・実行する命令(関数や関数名) 画像が読み込めない場合に発生するイベントです。読み込めない画像の有無を …

JavaScriptでフォームの送信時に処理を行いたい

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

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

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