So entfernen Sie das Hover-Ereignis in CSS

Methoden zum Entfernen von CSS-Hover-Ereignissen: 1. Durch "$("a").hover(function(){ alarm('mouseover'); }, function(){ Alert('mouseout'); })"-Methode zum Binden des Hover-Ereignisses; 2. Lösen Sie die Bindung des Hover-Ereignisses über die Methode "$('a').off('mouseenter').unbind('mouseleave');". Ja.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3-Version, DELL G3-Computer

Wie entferne ich das Hover-Ereignis in CSS?

Der richtige Weg, den Hover abzubrechen und zu binden Ereignis in jquery

Im Webdesign verwenden wir häufig jquery, um auf Maus-Hover-Ereignisse zu reagieren, die den gleichen Effekt wie Mouseover- und Mouseout-Ereignisse haben Ereignis?

1. Wie man das Hover-Ereignis bindet

Angenommen, wir binden ein Click-and-Hover-Ereignis an das a-Tag gebunden Das Hover-Ereignis reagiert überhaupt nicht, aber das gebundene Klick-Ereignis reagiert normal

Wenn Sie jedoch die Schreibmethode ändern, zum Beispiel:

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

, sollten Sie stattdessen die Ereignisse „Mouseenter“ und „Mouseleave“ verwenden (dies ist auch das .hover). () Funktion. Ereignisse verwendet in)

Es kann also direkt wie folgt zitiert werden:

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

Da .hover() ein von jQuery selbst definiertes Ereignis ist, dient es nur der Bequemlichkeit der Benutzer, Mouseenter- und Mouseleave-Ereignisse zu binden und aufzurufen. Da es sich nicht um ein echtes Ereignis handelt, kann es natürlich nicht als Ereignisparameter in .on() aufgerufen werden.

2. So brechen Sie das Hover-Ereignis ab:

Wie wir alle wissen, können Sie die Off-Funktion zum Abbrechen verwenden Ereignisse, aber Sie können nur durch Bindungsereignisse gebundene Ereignisse abbrechen. Das Hover-Ereignis in jquery ist etwas ganz Besonderes. Wenn das Ereignis auf diese Weise gebunden ist, kann es nicht abgebrochen werden.

$(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"); } });
});

Empfohlenes Lernen: „

CSS-Video“-Tutorial

》《

jQuery-Video-Tutorial

》

Das obige ist der detaillierte Inhalt vonSo entfernen Sie das Hover-Ereignis in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!