onmouseleave-gebeurtenis

DOM events MouseEvent

Definitie en gebruik

Wanneer de muispijltip uit het element verlaat, wordt het onmouseleave-gebeurtenis geactiveerd.

Tip:Dit evenement wordt meestal gebruikt met onmouseenter eventGebruik samen, dit evenement vindt plaats wanneer de muispunt op het element wordt bewogen.

Tip: Het onmouseleave-evenement lijkt op onmouseout event. Het enige verschil is dat het onmouseleave-evenement niet bubbelt (het wordt niet doorgegeven aan de hogere documenthiërarchie). Zie meer voorbeelden aan het einde van de pagina.

Voorbeeld

Voorbeeld 1

Voer JavaScript uit wanneer de muispunt buiten het beeld wordt gehouden:

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Lachend">

Probeer het zelf

Voorbeeld 2

Dit voorbeeld demonstreert het verschil tussen de onmousemove, onmouseleave en onmouseout evenementen:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ik zal demonstreren met onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Ik zal demonstreren met onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Ik zal demonstreren met onmouseout!</p>
</div>

Probeer het zelf

Syntax

In HTML:

<element onmouseleave="myScript">

Probeer het zelf

In JavaScript:

object.onmouseleave = function(){myScript};

Probeer het zelf

Gebruik in JavaScript de addEventListener() methode:

object.addEventListener("mouseleave", myScript);

Probeer het zelf

Opmerking:Internet Explorer 8 of eerder ondersteunt het niet addEventListener() methode.

Technische details

Bubbelen: Niet ondersteund
Annuleerbaar: Niet ondersteund
Type evenementen: MouseEvent
Ondersteunde HTML-elementen: Alle HTML-elementen, behalve: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> en <title>
DOM versie: Niveau 2 Evenementen

浏览器支持

The numbers in the table indicate the first browser version that fully supports the event.

Events Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 Support 6.1 11.5
DOM events MouseEvent