HTMLリファレンスマニュアル

HTMLタグ一覧

HTML onmousedownイベント属性

onmousedown属性は、現在の要素のmousedownイベントのイベントハンドラを取得または設定するために使用されます

オンラインサンプル

マウスボタンを段落に押したときにJavaScriptを実行します：

サンプル

<!DOCTYPE html>
<html>
<head>
<title>HTML onmousedownイベント属性の使用（基本チュートリアルウェブ　oldtoolbag.com)</title>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
テキストをクリックしてください！この段落にマウスボタンを押したときにmouseDown()関数が呼び出されます。この機能はテキストの色を赤に設定します。マウスボタンを解放したときにmouseUp()関数が呼び出されます。mouseUp()関数はテキストの色を緑に設定します。</p>
<script>
function mouseDown() {
　　document.getElementById("p1").style.color = "red";
}
function mouseUp() {
　　document.getElementById("p1").style.color = "green";
}
</script>
</body>
</html>

テストをしてみてください ‹/›

現在の要素にマウスボタンを押した瞬間にmousedownイベントが発生します

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがonmousedownイベント属性をサポートしています

定義と用法

要素上にマウスボタンを押したときにonmousedown属性がトリガーされます。

ヒント： onmousedown に関連するイベントのトリガー順序 (左/(中ボタン):

onmousedown
onmouseup
onclickとonmousedownイベントの関連するイベントのトリガー順序(右ボタン):
onmousedown
onmouseup
oncontextmenu

注意： onmousedown 属性は以下の要素に使用できません: <base>, <bdo>, <br> <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, または<title>。

HTML 4.01 HTML5の違い

ありません。

文法

<element onmousedown="script">

属性値

値	説明
script	onmousedown イベントがトリガーされたときに実行されるスクリプトを指定します。

HTML イベント属性　　　　

HTML: <template> タグ