Que sont les événements de souris jQuery ?

Les événements de souris sont déclenchés lorsque l'utilisateur déplace le curseur de la souris ou clique avec n'importe quel bouton de la souris.

1. Événement de clic  : Déclenché lorsque le bouton gauche de la souris est cliqué

$('p').click(function(){});

Exemple :

$('p').click(function(){
        alert('click function is running !');
       });

2. Événement dbclick  : Déclenché par deux clics successifs

　$('p').dbclick(function(){});

Exemple :

$("button").dblclick(function(){
 $("p").slideToggle();
});

3. événement mousedown : déclenché lorsque la souris est enfoncée

　$('p').mousedown(function(){});

Exemple

$("button").mousedown(function(){
 $("p").slideToggle();
});

4. événement mouseup  : déclenché lorsque la souris est relâchée

　$('p').mouseup(function(){});

Exemple :

$("button").mouseup(function(){
 $("p").slideToggle();
});

5. événement mouseover : déclenché lorsque la souris se déplace d'un élément à un autre

événement mouseout : déclenché lorsque la souris sort d'un élément Déclencheur

$('p').mouseover(function(){});
$('p').mouseout(function(){});

Exemple :

$("p").mouseover(function(){
 $("p").css("background-color","yellow");
});
$("p").mouseout(function(){
 $("p").css("background-color","#E9E9E4");
});

6. événement mouseenter  : Déclenché lorsque la souris se déplace dans un élément

Événement mouseleave : Déclenché lorsque la souris sort de l'élément

  $('p').mouseenter(function(){});
$('p').mouseleave(function(){});

Exemple

$("p").mouseenter(function(){
 $("p").css("background-color","yellow");
});
$("p").mouseleave(function(){
 $("p").css("background-color","#E9E9E4");
});

7. 🎜>　

$('p').hover(
　　　function(){},
　　　function(){}
　);

Exemple

$(".table_list tr").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);

8. Événement de basculement : événement de commutation par clic de souris

$('p').toggle(
　　　function(){},
　　　function(){}
　);

Exemple

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!