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

HTML タグ一覧

HTML onmouseupイベント属性

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

オンラインサンプル

マウスボタンを段落上で離したときに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>

テストして見て‹/›

ユーザーが現在の要素上でマウスのボタンを離したときにmouseupイベントが発生します

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

定義と使用法

要素上でマウスボタンを解放すると、onmouseup 属性がトリガーされます。

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

onmousedown
onmouseup
onclick

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

onmousedown
onmouseup
oncontextmenu

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

HTML 4.01 HTML5の違い

ありません。

文法

<element onmouseup="script">

属性値

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

HTML イベント属性　　　　

HTML: <template> タグ