onmousedownイベント
例
段落上でマウスボタンを押すと、JavaScriptを実行します。
<p onmousedown="myFunction()">Click the text!</p>
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
onmousedownイベントは、ユーザーが要素上でマウスボタンを押すと発生します。
ヒント: onmousedownイベントに関連するイベントの順序(マウスの左/中ボタンの場合):
onmousedownイベントに関連するイベントの順序(マウスの右ボタンの場合):
- onmousedown
- onmouseup
- oncontextメニュー
ブラウザのサポート
Event | |||||
---|---|---|---|---|---|
onmousedown | Yes | Yes | Yes | Yes | Yes |
構文
HTMLの場合:
<element onmousedown="myScript">
JavaScriptの場合:
object.onmousedown = function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
object.addEventListener("mousedown", myScript);
注: addEventListener ()メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
泡: | はい |
---|---|
キャンセル可能: | はい |
イベントタイプ: | MouseEvent |
サポートされているHTMLタグ: | <base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>、および<title>を除くすべてのHTML要素 |
DOMバージョン: | レベル2のイベント |
その他の例
<p>要素上でマウスボタンが押されたときに、その色を赤に変更します。
警告しますユーザーがどのマウスボタンを押したかを警告します。
た要素の名前をアラートします。