JavaScript

[JavaScript] マウスボタン押下/押上イベントを取得する(onMouseDown, onMouseUp)

投稿日:2016年10月22日 更新日:

マウスボタンを押したイベントを取得するにはonmousedown
押し下げたマウスボタンを離したイベントを取得するにはonmouseupを使用します。

サンプルソース

例)divタグ上でマウスボタンを押した時と離した時に文字を変える

実行サンプル

下の黄色い部分でマウスボタンを押すと文字が変わります。

ここでマウスボタンを押してください。

解説

  • ボタンを押した瞬間と離した瞬間のみイベントが発生します。

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 値が小数値であるかどうかチェックする

値が小数値であるかどうかチェックするサンプルです。 サンプルソース 例)引数に渡された値が小数値フォーマットである場合は ...

[JavaScript] 数値が有限数かどうかチェックを行う(isFinite)

数値が有限数かどうかチェックをするには、isFinite()関数を使用します。 サンプル 例)isFinite関数の結果 ...

[JavaScript] Enterキーでフォーカス移動する

Enterキーでフォーカス移動するサンプルです。 サンプルソース 例)Enterキーを押すとフォーカス移動する [cra ...

[JavaScript] コンソールに出力した回数をカウントする(console.count)

コンソールに文字列とともに出力した回数を出力するには、console.countを使用します。 サンプルソース 例)co ...

[JavaScript] 枠線を設定する

JavaScriptで枠線を設定するサンプルです。 サンプルソース 例)ボタンを押すごとにid="target"要素の枠 ...

スポンサーリンク