按下元素上方的鼠标按钮时,将发生HTML DOM onmousedown事件。
左键单击的相关事件:
- onmousedown
- onmouseup
- onclick
右键单击的相关事件:
- onmousedown
- onmouseup
- oncontextmenu
用法:
- 在HTML中:
<element onmousedown="myScript">
- 在JavaScript中:
object.onmousedown = function(){myScript};
- 在JavaScript中,使用addEventListener()方法:
object.addEventListener("mousedown", myScript);
例:使用addEventListener()方法
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM onmousedown Event
</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2 id="try">
HTML DOM onmousedown Event
</h2>
<script>
document.getElementById(
"try").addEventListener(
"mousedown", btnpressed);
function btnpressed() {
document.getElementById(
"try").innerHTML =
"button pressed.";
}
</script>
</center>
</body>
</html>
输出:
支持的浏览器:下面列出了HTML DOM onmousedown事件支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- 苹果Safari
- Opera
相关用法
- HTML onmousedown属性用法及代码示例
- HTML onclick事件用法及代码示例
- HTML onmouseenter事件用法及代码示例
- HTML oncopy事件用法及代码示例
- HTML oncontextmenu事件用法及代码示例
- HTML onloadstart事件用法及代码示例
- HTML touchend事件用法及代码示例
- HTML onmouseup事件用法及代码示例
- HTML onmouseover事件用法及代码示例
- HTML onmouseout事件用法及代码示例
- HTML onmousemove事件用法及代码示例
- HTML onsearch事件用法及代码示例
- HTML onmouseleave事件用法及代码示例
- HTML onabort事件用法及代码示例
- HTML onkeydown事件用法及代码示例
注:本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | DOM onmousedown Event。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。