JavaScript » eventhandler » onMouseUp
- Syntax:
- onMouseUp = myJavaScriptCode
Event handler for Button, Document, Link
The onMouseUp event handler is used to execute specified JavaScript
code whenever the user releases the mouse button. It uses the following
properties of the Event object:
type - indicates the type of event.
target - indicates the target object to which the event was sent.
layerx, layerY, pageX, pageY, screenX, screenY
indicate the cursor position at the time of the MouseUp
event.
which - represents 1 for a left-mouse-button up, and 3 for a
right-mouse-button up.
modifiers - indicates any modifier keys held down when the MouseUp
event occurred.
Examples
Code:
<P>Click on <B><A onMouseUp="changeColor()">
green</A></B> to change background color.</P>Explanation:
For example, with this code, the user can click on the word 'green' to alter the background color to green. Releasing the mouse calls the 'changeColor' function to do this:
Code:
<P>Go to <A href="lostLink.html" onMouseUp="myAlert()">MyLink</a>.
</P>Explanation:
When an OnMouseUp returns false, such as over an armed link (a MouseDown over a link causes it to become armed), the default action is canceled. This also happens with a MouseUp over an unarmed link. To illustrate this, this example assumes that a particular link 'lostLink' is no longer available, so when the user clicks on that link, the release of the mouse button calls the 'myAlert' function and causes the link not to be triggered.
See Also:
