Explication détaillée de l'utilisation de la fonction jQuery.mouseup()

La fonction mouseup() est utilisée pour lier une fonction de gestionnaire à l'événement mouseup de chaque élément correspondant. Cette fonction peut également être utilisée pour déclencher l'événement mouseup. De plus, vous pouvez également transmettre des données supplémentaires à la fonction gestionnaire d'événements.

L'événement mouseup est déclenché lorsque le bouton de la souris est relâché. L'événement mousedown est déclenché lorsque le bouton de la souris est enfoncé (sans être relâché).

De plus, vous pouvez lier plusieurs gestionnaires d'événements en appelant cette fonction plusieurs fois pour le même élément. Lorsque l'événement mouseup est déclenché, jQuery exécutera les fonctions de traitement des événements liés dans l'ordre de liaison.

Pour supprimer un événement lié via mouseup(), utilisez la fonction unbind().

Cette fonction appartient à l'objet (instance) jQuery.

Syntaxe

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

Si au moins un paramètre est spécifié, cela signifie lier la fonction de gestionnaire de l'événement mouseup ; si aucun paramètre n'est spécifié, cela signifie déclencher l'événement mouseup ;

Paramètres

nouvelle prise en charge de jQuery 1.4.3 : mouseup() prend en charge les paramètres de données.

Ceci dans le gestionnaire de paramètres pointe vers l'élément DOM actuel. mouseup() transmettra également un paramètre au gestionnaire : l'objet Event représentant l'événement en cours.

Valeur de retour

mouseup()La valeur de retour de la fonction est de type jQuery et renvoie l'objet jQuery actuel lui-même.

Exemple et description

Veuillez vous référer à l'exemple de code HTML suivant :

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

Maintenant, nous lions une fonction de gestionnaire à l'événement mouseup du

élément (vous pouvez lier Defined plusieurs fois, exécuté dans l'ordre selon l'ordre de liaison lors du déclenchement) :

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

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

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

Nous pouvons également transmettre des données supplémentaires à la fonction de traitement des événements. De plus, grâce au paramètre Objet événement transmis par jQuery pour la fonction de traitement d'événement, nous pouvons obtenir des informations pertinentes sur l'événement en cours (telles que le type d'événement, l'élément DOM qui a déclenché l'événement, des données supplémentaires, etc.) :

// event.which属性值：1表示鼠标左键，2表示鼠标中键(滚轮键)，3表示鼠标右键。

var buttonMap = { "1": "左", "2": "中", "3": "右" };

//记录触发div元素的mouseleave事件的次数
$(window).mouseup(buttonMap, function(event){
    var map = event.data;
    $("#log").prepend( &#39;你按下并松开了鼠标[&#39; + map[event.which] + &#39;]键<br>&#39;); 
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!