onmouseup イベント

DOM イベント MouseEvent

定義と使用方法

ユーザーが要素上でマウスボタンを解放したときにonmouseupイベントが発生します。

ヒント：onmouseupイベントに関連するイベントの順序（左クリック/中クリックの場合）：

  1. onmousedown
  2. onmouseup
  3. onclick

onmouseupイベントに関連するイベントの順序（右クリックの場合）：

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

例

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

<p onmouseup="mouseUp()">テキストをクリックしてください！</p>

自分で試してみてください

構文

HTMLで：

<element onmouseup="myScript">

自分で試してみてください

JavaScriptで：

object.onmouseup = function(){myScript};

自分で試してみてください

JavaScriptでaddEventListener()メソッドを使用する方法：

object.addEventListener("mouseup", myScript);

自分で試してみてください

注釈：Internet Explorer 8 以降のバージョンではサポートされていません addEventListener() メソッド。

技術的詳細

バブル： サポート
キャンセル可能： サポート
イベントタイプ： MouseEvent
サポートされている HTML タグ： すべての HTML 要素は以下のものを除いてサポートされています：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> そして <title>
DOM バージョン： レベル 2 イベント

ブラウザサポート

イベント Chrome IE Firefox Safari Opera
onmouseup サポート サポート サポート サポート サポート
DOM イベント MouseEvent