Eventet "onmouseenter"

DOM-händelser MouseEvent

Definition och användning

Eventet "onmouseenter" inträffar när muspekaren flyttas över elementet.

Tips:Denna händelse används ofta med onmouseleave-händelseAnvänd tillsammans, denna händelse inträffar när muspekaren flyttas ut ur elementet.

Tips: onmouseenter-händelsen liknar onmouseover-händelse.Den enda skillnaden är att onmouseenter-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 över bilden:

<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">

Prova själv

Exempel 2

Detta exempel visar skillnaden mellan onmousemove, onmouseenter och mouseover-händelser:

<div onmousemove="myMoveFunction()">
  <p id="demo">Jag kommer att demonstrera onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Jag kommer att demonstrera onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Jag kommer att demonstrera onmouseover!</p>
</div>

Prova själv

Syntax

I HTML:

<element onmouseenter="myScript">

Prova själv

I JavaScript:

object.onmouseenter = function(){myScript};

Prova själv

I JavaScript, använd addEventListener() metod:

object.addEventListener("mouseenter", 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

Numrerna i tabellen anger den första webbläsarversion som fullständigt stöder händelsen.

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