.mouseup()

http://api.jquery.com/mouseup/

要素のmouseupイベントにバインドします。また、mouseupイベントを実行します。

.mouseup( handler(eventObject) ) 1.0追加
.mouseup( [eventData], handler(eventObject) ) 1.4.3追加
.mouseup() 1.0追加
注意事項
デモ

このメソッドは、1つ目と2つ目は.bind('mouseup', handler)への、3つ目は.trigger('mouseup')へのショートカットです。

mouseupはマウスが要素の上にある状態でマウスキーが離された際にイベントが通知されます。ほとんどのHTMLがこのイベントを受け取る事が可能です。

.mouseup( handler(eventObject) ) 1.0追加

戻り値:jQuery

要素のmouseupイベントにバインドします。また、mouseupイベントを実行します。

引数	説明
handler(eventObject)	イベントが発生した際に、実行したい処理を関数として指定します。

.mouseup( [eventData], handler(eventObject) ) 1.4.3追加

戻り値:jQuery

要素のmouseupイベントにバインドします。また、mouseupイベントを実行します。

引数	説明
[eventData]	マップ値を指定することで、データをイベントハンドラーに渡すことが出来ます。
handler(eventObject)	イベントが発生した際に、実行したい処理を関数として指定します。

.mouseup() 1.0追加

戻り値:jQuery

mouseupイベントを発生させます。

注意事項

もしユーザが、「対象要素の外でマウスクリック→ボタンを押つづけた状態でドラッグして対象要素上にマウスポインタを移動→マウスボタンを離す」という一連の動作を行った場合、これはmouseupイベントとして認識されます。この一連の動作はほぼ全てのユーザーインターフェースではマウスクリックとはみなされないので、通常はclickイベントを使用することをおすすめします。 mouseupイベントは特別な状況下で使用されるものとして、認識しておくのが良いでしょう。

デモ

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>ここでマウスボタンを押したり離したりしてみてください。</p>
<script>
$("p").mouseup(function(){
  $(this).append('<span style="color:#F00;">Mouse up.</span>');
}).mousedown(function(){
  $(this).append('<span style="color:#00F;">Mouse down.</span>');
});
</script>
</body>
</html>