onmouseup, onmouseover, onmousemove, onmouseout event attributes of an HTML element
onmouseup
onmouseup attribute of an HTML element initiates some action predefined in a script associated with it, when the user releases the mouse button while the cursor is positioned on the element.
For all of the examples and syntax, we have used abbr element.
Syntax
<abbr onmouseup="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 onmouseup
<!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 onmouseup with</title>
<script type="text/javascript">
function w3r_abbr_onmouseup(){
alert("Thanks for visiting w3reource.");
}
</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" onmouseup="w3r_abbr_onmouseup()">BBC</abbr> reports.</p>
</body>
</html>
Result
View this example in a separate browser window
Example of onmouseup attribute
onmouseover
onmouseover attribute of HTML abbr element initiates some action predefined in a script associated with it, when the user moves the cursor into the boundary of the element.
Syntax
<abbr onmouseover="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 onmouseover
<!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 onmouseover</title>
<script type="text/javascript">
function w3r_abbr_onmouseover(){
alert("Thanks for visiting w3reource.");
}
</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" onmouseover="w3r_abbr_onmouseover()">BBC</abbr> reports.</p>
</body>
</html>
Result
View this example in a separate browser window
Example of onmouseover attribute
onmousemove
onmousemove attribute of HTML abbr element initiates some action predefined in a script associated with it, when the user moves the mouse pointer any in any direction, irrespective of any mouse button actions on the element.
Syntax
<abbr onmousemove="some_script | calling some script">text content</abbr>
Example of using onmousemove
<!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 onmousemove</title>
<script type="text/javascript">
function w3r_abbr_onmousemove(){
alert("Thanks for visiting w3reource.");
}
</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" onmousemove="w3r_abbr_onmousemove()">BBC</abbr> reports.</p>
</body>
</html>
Result
View this example in a separate browser window
Example of onmousemove attribute
onmouseout
onmouseout attribute of HTML abbr element initiates some action predefined in a script associated with it, when the user moves the mouse pointer any in any direction, irrespective of any mouse button actions on the element.
Syntax
<abbr onmouseout="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 onmouseout
<!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 onmouseout</title>
<script type="text/javascript">
function w3r_abbr_onmouseout(){
alert("Thanks for visiting w3reource.");
}
</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" onmouseout="w3r_abbr_onmouseout()">BBC</abbr> reports.</p>
</body>
</html>
Result
View this example in a separate browser window
Example of onmouseout attribute
Previous: onclick, ondblclick, onmousedown event attributes of an HTML element
Next: onkeypress, onkeydown, onkeyup event attributes of HTML elements
Test your Programming skills with w3resource's quiz.
- Weekly Trends and Language Statistics
- Weekly Trends and Language Statistics