JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] 指定したCSSクラス名の全ての背景色を変更する

指定したCSSクラス名が定義された要素全ての背景色を変更するサンプルです。 ソースを一部書き換えれば、背景色以外の変更に ...

[JavaScript] ブラウザにインストールされているプラグインの情報を取得する(navigator.plugins)

ブラウザにインストールされているプラグインの情報を取得するには、window.navigator.plugins を使用 ...

[JavaScript] オブジェクトが空かどうか判定する

オブジェクトが空かどうか判定するサンプルfunctionです。 サンプルソース 例)オブジェクトが空の場合はtrueを返 ...

[JavaScript] カラーコードから色を確認する

カラーコードから色を確認したい場合にご利用ください。 カラーコードから色を確認する カラーコードを入力してください。(例 ...

[JavaScript] 文字列をアンエスケープする(unescape)

文字列をアンエスケープするには、unescapeを使用します。 サンプルソース 例)文字列「%u307F% ...

スポンサーリンク