onmouseover evenement

DOM events MouseEvent

Definitie en gebruik

Het onmouseover evenement vindt plaats wanneer de muispijl op het element of een van zijn subelementen wordt gezet.

Tip:Dit evenement wordt meestal gebruikt samen met onmouseout eventGebruik samen, dit evenement vindt plaats wanneer de gebruiker de muispijl van het element verwijdert.

Voorbeeld

Voorbeeld 1

Voer JavaScript uit wanneer de muispijl op het beeld wordt gezet:

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smilie">

Probeer het zelf uit

Voorbeeld 2

Deze voorbeeld toont het verschil tussen de onmousemove, onmouseenter en mouseover evenementen:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ik zal onmousemove demonstreren!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Ik zal onmouseenter demonstreren!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Ik zal onmouseover demonstreren!</p>
</div>

Probeer het zelf uit

Syntax

In HTML:

<element onmouseover="myScript">

Probeer het zelf uit

In JavaScript:

object.onmouseover = function(){myScript};

Probeer het zelf uit

Gebruik de addEventListener() methode in JavaScript:

object.addEventListener("mouseover", myScript);

Probeer het zelf uit

Opmerking:Internet Explorer 8 of oudere versies ondersteunen dit niet addEventListener() methode.

Technische details

Bubbelend: Support
Ontcancellable: Support
Evenementstypen: MouseEvent
Ondersteunde HTML-taggen: Alle HTML-elementen, behalve: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> en <title>
DOM version: Level 2 Events

Browser support

Events Chrome IE Firefox Safari Opera
onmouseover Support Support Support Support Support
DOM events MouseEvent