HTML | onmousedown Attribute
Last Updated :
18 Aug, 2022
This onmousedown attribute will fire when a mouse button is pressed down on the element and the order of events occur related to the onmousedown event(for the left/mouse button)
- onmousedown
- onmouseup
- onclick
Supported Tags: It supports all HTML elements.
Syntax:
<element onmousedown="script">
Attribute Value: It is supported by all HTML elements. The script event run when onmousedown attribute call.
Example:
HTML
<!DOCTYPE html>
< html >
< head >
< title >onmousedown attribute</ title >
< style >
body {
text-align: center;
}
h1 {
color: green;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >onmousedown A ttribute</ h2 >
< p id = "gfg" onmousedown = "mouseDown()" onmouseup = "Geeks()" >
< b >GeeksforGeeks:</ b > A computer science portal
for Geeks. It is best website for learning< br >
computer science.
</ p >
< script >
function Geeks() {
document.getElementById("gfg").style.color = "green";
}
function mouseDown() {
document.getElementById("gfg").style.color = "red";
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers: The browser supported by onmousedown attribute are listed below:
- Google Chrome 2
- Edge 12
- Internet Explorer 9
- Firefox 6
- Opera 11.6
- Safari 4
Share your thoughts in the comments
Please Login to comment...