Handle mouse click event
Description
The following code shows how to handle mouse click event.
Example
<html>
<head>
<script language="JavaScript">
function addunderline() {<!--from w ww .j a va 2s . c om-->
head1.style.textDecoration = "underline"
}
function removeunderline() {
head1.style.textDecoration = "none"
}
function addoverline() {
head1.style.textDecoration = "overline"
}
function addlinethrough() {
head1.style.textDecoration = "line-through"
}
</script>
</head>
<body>
<h1 id="head1"
onMouseover="addunderline()"
onMouseout="removeunderline()"
onClick="addoverline()"
ondblclick="addlinethrough()">Welcome to this page!</h1>
<P>A lot of interesting text goes here!</p>
</body>
</html>