onmouseleave-händelsen

DOM-händelser MouseEvent

Definition och användning

När muspekaren flyttas utanför elementet inträffar onmouseleave-händelsen.

Tips:Denna händelse används ofta tillsammans onmouseenter-händelseAnvänd tillsammans, denna händelse inträffar när muspekaren flyttas över elementet.

Tips: onmouseleave-händelsen liknar onmouseout-händelse.Den enda skillnaden är att onmouseleave-händelsen inte bubblar (den sprids inte upp i dokumentets hierarki).Se fler exempel längst ner på sidan.

Exempel

Exempel 1

Kör JavaScript när muspekaren flyttas utanför bilden:

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

Prova själv

Exempel 2

Detta exempel visar skillnaden mellan onmousemove, onmouseleave och onmouseout-händelser:

<div onmousemove="myMoveFunction()">
  <p id="demo">Jag kommer att demonstrera på onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Jag kommer att demonstrera på onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Jag kommer att demonstrera på onmouseout!</p>
</div>

Prova själv

Syntax

I HTML:

<element onmouseleave="myScript">

Prova själv

I JavaScript:

object.onmouseleave = function(){myScript};

Prova själv

I JavaScript, använd addEventListener() metod:

object.addEventListener("mouseleave", myScript);

Prova själv

Kommentar:Internet Explorer 8 eller tidigare versioner stöder inte addEventListener() metod.

Tekniska detaljer

Bubbling: Inte stödd
Kan annulleras: Inte stödd
HändelseTyper: MouseEvent
Stödda HTML-taggar: Alla HTML-element, utom: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> och <title>
DOM-version: Nivå 2-händelser

Webbläsare stödjer

Numreringen i tabellen anger den första webbläsarversion som fullständigt stöder denna händelse.

Händelser Chrome IE Firefox Safari Opera
onmouseleave 30.0 5.5 Stöd 6.1 11.5
DOM-händelser MouseEvent