onmouseleave evenement
Voorbeeld
Voer een JavaScript uit wanneer u de muisaanwijzer uit een afbeelding verplaatst:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De gebeurtenis onmouseleave vindt plaats wanneer de muisaanwijzer uit een element wordt verplaatst.
Tip: Deze gebeurtenis wordt vaak gebruikt in combinatie met de gebeurtenis onmouseenter , die optreedt wanneer de muisaanwijzer op een element wordt bewogen.
Tip: De onmouseleave-gebeurtenis is vergelijkbaar met de onmouseout - gebeurtenis. Het enige verschil is dat de onmouseleave-gebeurtenis niet bubbelt (zich niet voortplant in de documenthiërarchie). Zie "Meer voorbeelden" onderaan deze pagina om de verschillen beter te begrijpen.
Browserondersteuning
De cijfers in de tabel geven de eerste browserversie aan die de gebeurtenis volledig ondersteunt.
Event | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Syntaxis
In HTML:
<element onmouseleave="myScript">
In javascript:
object.onmouseleave = function(){myScript};
In JavaScript, met behulp van de addEventListener()-methode:
object.addEventListener("mouseleave", myScript);
Opmerking: de methode addEventListener() wordt niet ondersteund in Internet Explorer 8 en eerdere versies.
Technische details
bubbels: | Nee |
---|---|
Annuleerbaar: | Nee |
Evenementtype: | MuisEvent |
Ondersteunde HTML-tags: | Alle HTML-elementen, BEHALVE: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> en <title> |
DOM-versie: | Niveau 2 Evenementen |
Meer voorbeelden
Voorbeeld
Dit voorbeeld laat het verschil zien tussen de gebeurtenissen onmousemove, onmouseleave en onmouseout:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
<p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
<p id="demo3">I will demonstrate onmouseout!</p>
</div>