w3resource

onclick, ondblclick, onmousedown event attributes of an HTML element

event attributes of an HTML element allow users to initiate some action (as if some script is being executed) against interaction (e.g. clicking by mouse, pressing a key etc).

For all the examples, and syntax, we have used abbr element.

onclick

onclick attribute of HTML element initiates some action predefined in a script associated with it, when the user clicks on the content of the element.

Syntax

<abbr onclick="some_script | calling some
script">text content</abbr> 

Supported elements

All elements but APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE.

Example of using onclick

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Example of using onclick </title>
<script type="text/javascript">
function w3r_abbr_onclick(){
alert("Thanks for visiting w3resource.");
}
</script>
</head>
<body>
<p>Even after three months of the devastating flood in Pakistan,
people are still without food, shelter or hope; <abbr title="British
Broadcasting Corporation"
onclick="w3r_abbr_onclick()">BBC</abbr> reports.</p>
</body>
</html>

Result

onclick

View this example in a separate browser window

Example of onclick attribute

ondblclick

Description

ondblclick attribute of HTML abbr element initiates some action predefined in a script associated with it, when user double clicks on the content of the element.

Syntax

<abbr ondblclick="some_script | calling some
script">text content</abbr> 

Supported elements

All elements but APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE.

Example of using ondblclick

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Example of using ondblclick</title>
<script type="text/javascript">
function w3r_abbr_ondblclick(){
alert("Thanks for visiting w3resource.");
}
</script>
</head>
<body>
<p>Even after three months of the devastating flood in Pakistan,
people are still without food, shelter or hope; <abbr title="British
Broadcasting Corporation"
ondblclick="w3r_abbr_ondblclick()">BBC</abbr>
reports.</p>
</body>
</html>

Result

ondblclick

View this example in a separate browser window

Example of ondblclick attribute

onmousedown

Description

onmousedown attribute of HTML abbr element initiates some action predefined in a script associated with it, when the user presses the mouse button on the content of the element.

Syntax

<abbr onmousedown="some_script | calling some
script">text content</abbr> 

Supported elements

All elements but APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE.

Example of using onmousedown

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Example of using onmousedown</title>
<script type="text/javascript">
function w3r_abbr_onmousedown(){
alert("Thanks for visiting w3resource.");
}
</script>
</head>
<body>
<p>Even after three months of the devastating flood in Pakistan,
people are still without food, shelter or hope; <abbr title="British
Broadcasting
Corporation"onmousedown="w3r_abbr_onmousedown()">BBC</abbr>
reports.</p>
</body>
</html>

Result

onmousedown

View this example in a separate browser window

Example of onmousedown attribute

Previous: HTML onchange attribute
Next: onmouseup, onmouseover, onmousemove, onmouseout event attributes of an HTML