Latest web development tutorials

événement OnMouseEnter

Event Object Reference Les objets Event

Exemples

JavaScript est exécuté lorsque le pointeur de la souris est déplacé vers l'image:

<Img OnMouseEnter = "bigImg (this)" src = "smiley.gif" alt = "Smiley">

Essayez »

Dans les exemples qui suivent plus le point "essayer" pour voir plus de manifestations.


Définition et utilisation

OnMouseEnter événement déclencheur pour déplacer le pointeur de la souris sur l'élément.

Remarque: Cet événement est généralement associé à OnMouseLeave utilisé en conjonction avec l'événement, déclenché lorsque le pointeur de la souris se déplace hors de l'élément.

Astuce: OnMouseEnter événements similaires à l' onmouseover événement. La seule différence est que les événements ne prennent pas en charge bullage OnMouseEnter.


support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir cette version des faits.

événement
OnMouseEnter 30,0 5.5 oui 6.1 11.5


grammaire

En HTML:

<ElementOnMouseEnter = "myScript"> essayer

En JavaScript:

objet .onmouseenter = function () {myScript }; essayez

JavaScript, utilisez la méthode addEventListener ():

objet .addEventListener ( "mouseenter", myScript ); essayez

Remarque: Internet Explorer 8 et les versions antérieures de IE ne supporte pas les addEventListener () méthode.


détails techniques

Que ce soit pour soutenir la bulle: aucun
Elle peut être annulée: aucun
Type de l'événement: MouseEvent
balises HTML prises en charge: Tous les éléments HTML, sauf: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> et <title>


Exemples

D'autres exemples

Exemples

Cet exemple illustre les différents onmousemove, OnMouseEnter et mouseover événement:

<Div onmousemove = "myMoveFunction ()">
<P id = "demo"> Je vais démontrer onmousemove! </ P>
</ Div>

<Div OnMouseEnter = "myEnterFunction ()">
<P id = "demo2"> Je vais démontrer OnMouseEnter! </ P>
</ Div>

<Div onmouseover = "myOverFunction ()">
<P id = "demo3"> Je vais démontrer onmouseover! </ P>
</ Div>

Essayez »


Event Object Reference Les objets Event