Das HTML -Attribut onmouseover
html löst eine JavaScript -Funktion aus, wenn sich der Maus -Cursor über ein Element bewegt. Im Gegensatz zu onmousemove
, das Bewegung innerhalb von einem Element verfolgt, feuert onmouseover
nur einmal aus, wenn der Cursor die Grenzen des Elements eingibt. Der Effekt bleibt bestehen, bis der Cursor verlässt (nach onmouseout
festgestellt). Zu den gemeinsamen Verwendungen gehören visuelle Änderungen wie Bildwechsel oder Hervorhebung. However, it's crucial to note that this attribute is not supported by several HTML elements, including <applet></applet>
, <base>
, <basefont>
, <bdo></bdo>
, <br>
, <font></font>
, <frame>
, <frameset></frameset>
, ,
,
<iframe></iframe>
, <isindex>
, <meta>
, <param>
, <script></script>
, <style></style>
, and <title></title>
.
Beispiel: Bildtausch
Dieses Beispiel zeigt einen einfachen Bildtausch beim Schweben:
<div> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/174062431250080.gif" class="lazy" alt="onmouseover (HTML element) " /> Figures for February's racing. </div>
Attributwert
Der Wert des Attributs onmouseover
ist ein JavaScript -Ausdruck. Dies kann ein Funktionsaufruf, eine Reihe von JavaScript -Anweisungen oder eine einfache Warnung sein.
Browserkompatibilität
Alle wichtigen Browser unterstützen onmouseover
. Die Verwendung von Inline -Event -Handlern wie diesen ist jedoch im Allgemeinen entmutigt. Die Best Practice besteht darin, die JavaScript -Logik von HTML unter Verwendung von unauffälligen JavaScript -Techniken zu trennen, die Ereignisse über die Dom.
häufig gestellte Fragen (FAQs)
Dieser Abschnitt befasst sich mit häufigen Fragen zum onmouseover
Ereignis:
Was ist das onmouseover
Ereignis?
? das Attribut onmouseover
zu einem Element hinzufügen, wobei es eine JavaScript -Funktion oder -code zugewiesen wird.
onmouseover
? Die meisten HTML -Elemente unterstützen es, ohne die oben aufgeführten.
onmouseover
?
onmouseover
onmouseout
multiple onmouseover
Ereignisse?
onmouseout
? Entfernen Sie das Attribut, setzen Sie seinen Wert auf onmouseover
oder verwenden Sie . onmouseover
Browserunterstützung?
Support für Mobilgeräte? Nicht ideal für Berührungsgeräte; Betrachten Sie stattdessen Berührereignisse.
Debugging? Verwenden Sie Browser -Entwickler -Tools.
Kombination mit anderen Ereignissen?
Das obige ist der detaillierte Inhalt vonOnmouseover (HTML -Element). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!