JavaScript

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

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

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

サンプルソース

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

実行サンプル

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

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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] ブラウザ上の要素の表示/非表示を切替える(非表示時は詰まる)

ブラウザ表示上の指定した箇所の表示/非表示を切り替えるサンプルです。 非表示時は表示領域が詰まって表示されます。 サンプ ...

[JavaScript] 四捨五入、切り捨て、切り上げを行う

四捨五入、切り捨て、切り上げを行うサンプルです。 四捨五入を行う 四捨五入は、Math.roundを使用します。 [cr ...

[JavaScript] 現在ページのハッシュ(アンカー)を取得する(location.hash)

現在ページのハッシュ(アンカー)を取得するには、location.hash を使用します。 ハッシュとは、URLの最後に ...

[JavaScript] OSやブラウザの情報を取得する

JavaScriptでOSやブラウザの情報を取得する方法です。 JavaScriptでOSやブラウザの情報を取得する 以 ...

[JavaScript] ページのURLとドメインを取得する

Javascriptを使って、ページのURLとドメインを取得するサンプルです。 サンプルソース 例)ページのURLとドメ ...

スポンサーリンク