Maison > interface Web > js tutoriel > le corps du texte

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

黄舟
Libérer: 2017-06-28 14:25:09
original
1778 Les gens l'ont consulté

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 ] )
Copier après la connexion

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

Explication détaillée de lutilisation de la fonction jQuery.mouseup()

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>
Copier après la connexion

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( &#39;点击此处&#39; + count + &#39;次&#39; );   
});

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

// 触发mouseup事件
// $("p").mouseup( );
Copier après la connexion

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;); 
});
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal