備忘録的プログラミングリファレンス

mouseup ( onmouseup )イベント

 mouseup ( onmouseup )イベントは、設定されたHTMLエレメント上でマウスボタンを離したら発生するイベントです。

mouseup ( onmouseup )イベント
document.querySelector("div.over").addEventListener( "mouseup", ( event )=>{
	console.log( event );
}, false );

詳しくは Example を参照してください

 mouseupイベントはmousedownイベントの対です。mousedownイベントはマウスボタンを押すとイベントが発生します。

構文(Syntax)

in HTML

<tagelement onmouseup="function()">

in JavaScript

object.onmouseup = function(){ };

object.addEventListener("mouseup", script_);

備考(Remarks)

BubblesYes
CancelableYes
InterfaceMouseEvent
Supported HTML ElementsALL HTML elements
Sync / AsyncSync
ComposedYes

Example

 mouseup ( onmouseup )イベントの例です。マウスボタンが一度押されて離されたときにイベントが発生します。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。