Comment supprimer l'événement de survol en CSS

Méthodes pour supprimer les événements de survol CSS : 1. Via "$("a").hover(function(){ alert('mouseover'); }, function(){ alert('mouseout'); })" pour lier l'événement de survol ; 2. Dissociez l'événement de survol via la méthode "$('a').off('mouseenter').unbind('mouseleave');". Oui.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3, ordinateur DELL G3

Comment supprimer l'événement de survol en CSS

La bonne façon d'annuler et de lier le survol ? event in jquery

Dans la conception Web, nous utilisons souvent jquery pour répondre aux événements de survol de la souris, qui ont le même effet que les événements mouseover et mouseout. Mais comment utiliser on pour lier la méthode de survol et comment utiliser off pour dissocier la méthode de survol. ?

1. Comment lier l'événement de survol

Regardez d'abord le code suivant. Supposons que nous lions un événement de clic et de survol à la balise a :

$(document).ready(function(){ $('a').on({ hover: function(e) {
 //Hover event handler
alert("hover"); },
click: function(e) { // Click event handler
alert("click"); } });
});

Lorsque la balise a est cliquée, quelque chose d'étrange se produit. bound L'événement hover ne répond pas du tout, mais l'événement click lié répond normalement

Mais si vous changez la méthode d'écriture, par exemple :

$("a").hover(function(){ alert('mouseover'); }, function(){
alert('mouseout'); })

vous devez plutôt utiliser les événements mouseenter et mouseleave (c'est aussi le .hover). () événements utilisés dans)

Il peut donc être cité directement comme ceci :

$(document).ready(function(){ $('a').on({ mouseenter: function(e) {
//Hover event handler
alert("mouseover"); }, mouseleave: function(e) {
//Hover event handler
alert("mouseout"); }, click: function(e) {
// Clickevent handler
alert("click"); } });
});

Parce que .hover() est le propre événement défini par jQuery, c'est juste pour la commodité des utilisateurs de lier et d'appeler les événements mouseenter et mouseleave. Ce n'est pas un événement réel, donc bien sûr, il ne peut pas être appelé comme paramètre d'événement dans .on()

2. Comment annuler l'événement de survol

Comme nous le savons tous, vous pouvez utiliser la fonction off pour annuler la liaison. événements, mais vous ne pouvez annuler que les événements liés par bind. L'événement de survol dans jquery est assez spécial. Si l'événement est lié de cette manière, il ne peut pas être annulé

$("a").hover(function(){ alert('mouseover'); }, function(){
alert('mouseout'); })

La bonne façon d'annuler l'événement de survol lié :

$('a').off('mouseenter').unbind('mouseleave');

Apprentissage recommandé : Tutoriel "vidéo css"》《Tutoriel vidéo jQuery》

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!