onmouseenter Evenement
Voorbeeld
Voer een JavaScript uit wanneer u de muisaanwijzer naar een afbeelding verplaatst:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De gebeurtenis onmouseenter vindt plaats wanneer de muisaanwijzer op een element wordt bewogen.
Tip: Deze gebeurtenis wordt vaak samen met de onmouseleave- gebeurtenis gebruikt, die optreedt wanneer de muisaanwijzer uit een element wordt bewogen.
Tip: De gebeurtenis onmouseenter is vergelijkbaar met de gebeurtenis onmouseover . Het enige verschil is dat de gebeurtenis onmouseenter 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 | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Syntaxis
In HTML:
<element onmouseenter="myScript">
In javascript:
object.onmouseenter = function(){myScript};
In JavaScript, met behulp van de addEventListener()-methode:
object.addEventListener("mouseenter", 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, onmouseenter en mouseover:
<div onmousemove="myMoveFunction()">
<p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
<p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
<p id="demo3">I will demonstrate onmouseover!</p>
</div>