JavaScript onmouseout Event
 Complete Event Reference
Definition and Usage
The onmouseout event occurs when the mouse pointer moves away from a
specified object.
Syntax
onmouseout="SomeJavaScriptCode"
|
| Parameter |
Description |
| SomeJavaScriptCode |
Required. Specifies a JavaScript to be executed when the
event occurs. |
Supported by the following HTML tags:
|
<a>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>,
<body>, <button>, <caption>, <cite>, <code>, <dd>, <dfn>, <div>,
<dl>, <dt>, <em>, <fieldset>,
<form>, <h1> to <h6>, <hr>, <i>,
<img>, <input>, <kbd>, <label>, <legend>, <li>,
<map>, <ol>, <p>, <pre>,
<samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>,
<td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var> |
Supported by the following JavaScript objects:
Example 1
In the following example we will display an alert box when the user moves the
mouse pointer away from the image:
<img src="image_w3default.gif" alt="W3Schools"
onmouseout="alert('Visit W3Schools!')" />
|
The output of the code above will be:
Example 2
In the following example we will add an image that should act as a link button on
a web page. We will then add an onMouseOver event and an onMouseOut event that
will run two JavaScript functions that will change between two images:
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src="b_blue.gif"
}
function mouseOut()
{
document.getElementById("b1").src="b_pink.gif"
}
</script>
</head>
<body>
<a href="http://www.w3schools.com" target="_blank" onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="Visit W3Schools!" src="b_pink.gif" id="b1" /></a>
</body>
</html>
|
The output of the code above will be:
Try-It-Yourself Demos
onmouseout
How to use onmouseout.
Complete Event Reference
Whether you're new to XML or already an advanced user, the user-friendly views
and powerful entry helpers, wizards, and debuggers in XMLSpy are designed to
meet your XML and Web services development needs from start to finish.
- XML editor
- Graphical XML Schema / DTD editors
- XSLT 1.0/2.0 editor, debugger, profiler
- XQuery editor, debugger, profiler
- Support for Office Open XML (OOXML)
- Graphical WSDL editor & SOAP debugger
- Java, C#, C++ code generation
- And much more!
Download a fully functional free 30-day trial today!
|
