Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung der jQuery-Ereignisse „Mouseover' und „Mouseout', die auch dann ausgelöst werden, wenn die Maus über ein untergeordnetes Element fährt

Ausführliche Erläuterung der jQuery-Ereignisse „Mouseover' und „Mouseout', die auch dann ausgelöst werden, wenn die Maus über ein untergeordnetes Element fährt

黄舟
Freigeben: 2017-06-28 13:54:46
Original
1659 Leute haben es durchsucht

Javascripts Mouseover- und Mouseout-Ereignisse: Wenn sich untergeordnete Elemente innerhalb des gebundenen Elements befinden, durchläuft

das gebundene Element Die Mouseover- und Mouseout-Ereignisse werden mehrmals ausgelöst.

jqueryLösung:

Die Mouseenter- und Mouseleave-Methoden von jquery haben dieses Problem behoben und können direkt als Ersatz für Mouseover und Mouseout verwendet werden

Es gibt jedoch ein kleines Problem mit Mouseenter und Mouseleave. Wenn die Maus direkt von außerhalb des Dokuments in das an das Ereignis gebundene Element eingegeben wird, wird Mouseenter nicht wirksam

Die vorübergehende Lösung besteht darin, das ereignisgebundene Element vom Rand des Browsers fernzuhalten und zu versuchen, einen Abstand von mindestens 1 Pixel einzuhalten.

Darüber hinaus entspricht die hover()-Methode von jquery der Verwendung von MouseEnter und MouseLeave. Es kann auch die Probleme von Mouseover und Mouseout lösen.

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der jQuery-Ereignisse „Mouseover' und „Mouseout', die auch dann ausgelöst werden, wenn die Maus über ein untergeordnetes Element fährt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage