Heim > Artikel > Web-Frontend > Ausführliche Erklärung des Konflikts zwischen Hover- und Click-Ereignissen in jQuery (Bild)
Langsam wurde mir klar, dass ich heute viele Notizen geschrieben hatte, und ich überlegte, ob ich sie auf meinem Blog veröffentlichen sollte, um sie mit allen zu teilen Experte, es gibt noch ein paar kleine Dinge. Ich hoffe, sie mit allen teilen zu können, es ist lustig!
Wir haben ein Li, das jetzt einen Klick zum Ändern und einen weiteren benötigt Sie können den Mauszeiger bewegen
Das Produkt ändert seine Farbe, nachdem es angeklickt wurde, und Der Händler kann immer noch den Mauszeiger bewegen.
Die unerwünschte Methode ist:
(1) JQ hinzugefügt Klicken Ereignis zum Ändern seiner CSS() Diese Methode ist nicht verfügbar, da das Ändern der Hintergrundfarbe über Javascript alle in CSS definierten Hintergrundfarbe-Eigenschaften überschreibt, einschließlich natürlich der Hintergrundfarbe unter Hover -Attribut, sodass beim Schreiben eines Klickereignisses das Hover-Ereignis ungültig ist.
(2) Wenn JQ die Methode addClass() verwendet, kommt es zu Prioritätsproblemen.
(3) Es ist immer noch nicht möglich, hover() von JQ in js zu verwenden.
Die bevorzugte Methode ist:
(1) Sie können zwei CSS schreiben Vorab-Stylesheet und einen Hover-Stil
und dann schreiben wir es in JS. Dieses Mal verwenden wir attr() JQ direkt Wenn die Klassennamen der beiden Li geändert werden, treten keine weiteren Probleme auf.
(2) Sie können auch hinzufügen !wichtig; Zum Beispiel:
:hover{ color: #FF6C00 !important;}
Das obige ist der detaillierte Inhalt vonAusführliche Erklärung des Konflikts zwischen Hover- und Click-Ereignissen in jQuery (Bild). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!