onclick (HTML attribute)
Example
Clicking anywhere on the
div below will call a function, defined elsewhere,
called showStats():
<div onclick="showStats();">Figures for February’s racing.</div>
Description
onclick event handler captures a click event from
the users’ mouse button on the element to which the
onclick attribute is applied. This action usually
results in a call to a script method such as a JavaScript function, like
this: onclick="displayHelpInfo();"However, it can also be used to run a script in situ:
onclick="alert('You are clicking on me');"
Value
This attribute has no fixed value.
It’s up to the author to decide on the scripting that’s included here, be
that a call to one or more defined functions, or a simple
alert() statement.
However, the likely values will be similar to this:
onclick="doMyFunction();"
You could also specify a value like this:
onclick="doThisFunction();thenDoTheOtherFunction();"
You may also use a value like this:
onclick="alert('Hello world');window.close();"
Note that you can string several functions together, separating them with a semicolon, as shown in the second and third examples above.
Compatibility
| IE | 5.5 | Full |
|---|---|---|
| 6.0 | Full | |
| 7.0 | Full | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Full |
| 2.0 | Full | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
Every browser listed supports this attribute. However, it should be avoided as it encourages the mixing of content and behavior.
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.

