onmouseout gebeurtenis

DOM events MouseEvent

Definitie en gebruik

De onmouseout gebeurtenis vindt plaats wanneer de muispunt het element of een van zijn onderliggende elementen verlaat.

Tip:Deze gebeurtenis wordt meestal gebruikt samen met onmouseover eventGebruik samen, deze gebeurtenis vindt plaats wanneer de muispunt op het element of een van zijn onderliggende elementen beweegt.

Voorbeeld

Voorbeeld 1

Voer JavaScript uit wanneer de muispunt de afbeelding verlaat:

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Lachend">

Probeer het zelf uit

Voorbeeld 2

Deze voorbeeld toont het verschil tussen de onmousemove, onmouseleave en onmouseout gebeurtenissen:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ik zal onmousemove demonstreren!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Ik zal onmouseleave demonstreren!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Ik zal onmouseout demonstreren!</p>
</div>

Probeer het zelf uit

Syntax

In HTML:

<element onmouseout="myScript">

Probeer het zelf uit

In JavaScript:

object.onmouseout = function(){myScript};

Probeer het zelf uit

Gebruik in JavaScript de addEventListener() methode:

object.addEventListener("mouseout", myScript);

Probeer het zelf uit

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

Technische details

Bubbelend: Support
Ontcancellable: Support
Evenementstypen: MouseEvent
Ondersteunde HTML-labels: 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
onmouseout Support Support Support Support Support
DOM events MouseEvent