JavaScript onmousedown Event
 Complete Event Reference
Definition and Usage
The onmousedown event occurs when a mouse button is clicked.
Syntax
onmousedown="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 this example an alert box is displayed when clicking on the picture:
<img src="image_w3default.gif"
onmousedown="alert('You clicked the picture!')">
|
The output of the code above will be (click on 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 onmousedown="whichElement(event)">
<h2>This is a header</h2>
<p>This is a paragraph</p>
<img border="0" src="ball16.gif" alt="Ball">
</body>
</html>
|
Try-It-Yourself Demos
onmousedown
How to use onmousedown to display an alert box when an image is clicked.
onmousedown 2
How to use onmousedown to alert the tag name of the element you clicked on.
Complete Event Reference
 |
 |
 |
 |
|
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
 |
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
 |
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Utilize the extensive out-of-the box features or customize your site through Ektron CMS400.NET's open architecture |
 |
Promote collaboration in your organization through project workspaces where others can efficiently find information and work together |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
|
|
 |
TAKE THE VIDEO TOUR |
 |
or download a FREE TRIAL today. |
|
HOME
Printer friendly page
