w3resource

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

onmouseup

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

onmouseover

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

onmousemove

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

onmouseout

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.



Follow us on Facebook and Twitter for latest update.