Latest

recent

JavaScript onmouseup Event

Definition and Usage

The onmouseup event occurs when a mouse button is released.

Syntax

onmouseup="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:

button, document, link


Example 1

In this example an alert box is displayed when the mouse button is released after clicking the picture:

<img src="image.gif" 
onmouseup="alert('You clicked the picture!')">

Example 2

In this example an alert box will alert the tag name of the element you clicked on:

<html>
<head>
<script type="text/javascript">
function whichElement(e)
{
var targ;
if (!e)
  {
  var e = window.event;
  }
if (e.target)
  {
  targ = e.target;
  }
else if (e.srcElement)
  {
  targ = e.srcElement;
  }
if (targ.nodeType == 3) // defeat Safari bug
  {
  targ = targ.parentNode;
  }
var tname;
tname=targ.tagName;
alert("You clicked on a " + tname + " element.");
}
</script>
</head>
<body onmouseup="whichElement(event)">
<h2>This is a header</h2>
<p>This is a paragraph</p>
<img border="0" src="ball16.gif" alt="Ball">
</body>
</html>
JavaScript onmouseup Event Reviewed by 1000sourcecodes on 04:11 Rating: 5
Powered by Blogger.