Latest web development tutorials

événement OnMouseLeave

Event Object Reference Les objets Event

Exemples

JavaScript est exécuté lorsque le pointeur de la souris se déplace pointeurs:

<Img OnMouseLeave = "normalImg (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

événement se déclenche OnMouseLeave lorsque la souris est des éléments supprimés.

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

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


support du navigateur

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

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


grammaire

En HTML:

<ElementOnMouseLeave = "myScript"> essayer

En JavaScript:

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

JavaScript, utilisez la méthode addEventListener ():

objet .addEventListener ( "mouseleave", 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 montre la différence entre onmousemove, OnMouseLeave et événement onmouseout:

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

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

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

Essayez »

Event Object Reference Les objets Event