jQuery.mouseup()関数の使い方の詳しい説明-jsチュートリアル-php.cn

jQuery.mouseup()関数の使い方の詳しい説明

黄舟

リリース： 2017-06-28 14:25:09

オリジナル

1760 人が閲覧しました

mouseup() 関数は、一致する各要素のマウスアップイベントにハンドラー関数をバインドするために使用されます。この関数は、mouseup イベントをトリガーするために使用することもできます。さらに、いくつかの追加データをイベントハンドラー関数に渡すこともできます。

マウスボタンを離すとmouseupイベントがトリガーされます。 Mousedown イベントは、マウスボタンが押されたときに (放されずに) トリガーされます。

さらに、同じ要素に対してこの関数を複数回呼び出して、複数のイベントハンドラーをバインドすることができます。 Mouseupイベントがトリガーされると、jQueryはバインドされたイベント処理関数をバインド順に実行します。

mouseup() 経由でバインドされたイベントを削除するには、unbind() 関数を使用します。

この関数はjQueryオブジェクト(インスタンス)に属します。

構文

jQueryObject.mouseup( [[ data ,]  handler ] )

ログイン後にコピー

少なくとも 1 つのパラメーターが指定されている場合は、mouseup イベントのハンドラー関数をバインドすることを意味し、パラメーターが指定されていない場合は、mouseup イベントをトリガーすることを意味します。

Parameters

jQuery.mouseup()関数の使い方の詳しい説明

jQuery 1.4.3 新しいサポート: Mouseup() はデータパラメータをサポートします。

パラメータハンドラー内の this は、現在の DOM 要素を指します。また、mouseup() は、現在のイベントを表す Event オブジェクトというパラメーターをハンドラーに渡します。

戻り値

mouseup()関数の戻り値はjQuery型で、現在のjQueryオブジェクトそのものを返します。

例と説明

次の HTML サンプルコードを参照してください:

<p>点击此处0次</p>
<p>点击此处0次</p>
<div id="log"></div>

ログイン後にコピー

ここで、ハンドラー関数を

要素の Mouseup イベントにバインドします (複数回バインドでき、順番に実行されます)。トリガーされたときのバインディング順序で):

// 分别记录每个p元素的mouseup事件的触发次数
$("p").mouseup(function(){
    var $me = $(this);
    var count = $me.data("count") || 0;
    $me.data("count", ++count );
    $me.html( &#39;点击此处&#39; + count + &#39;次&#39; );   
});

//记录触发div元素的mouseleave事件的次数
$("p").mouseup(function(){
    $("#log").html( &#39;你在p元素中最后一次按下鼠标按钮的时间为&#39; + new Date().toLocaleString() ); 
});

// 触发mouseup事件
// $("p").mouseup( );

ログイン後にコピー

いくつかの追加データをイベントハンドラー関数に渡すこともできます。さらに、イベント処理関数の jQuery によって渡されるパラメーター Event オブジェクトを通じて、現在のイベントに関する関連情報 (イベントタイプ、イベントをトリガーした DOM 要素、追加データなど) を取得できます。

以上がjQuery.mouseup()関数の使い方の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。