HTML onmousedown 事件
onmousedown 事件在鼠标按钮在元素上按下时触发。
实例
当在段落上按下鼠标按钮时执行一段 JavaScript:
<!DOCTYPE html>
<html>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
点击文本!在该段落上按下鼠标按钮时,会触发 mouseDown 函数。函数将文本的颜色设置为红色。释放鼠标按钮时会触发mouseUp 函数。函数的作用是:将文本的颜色设置为绿色。
</p>
<script>
function mouseDown() {
document.getElementById("p1").style.color = "red";
}
function mouseUp() {
document.getElementById("p1").style.color = "green";
}
</script>
</body>
</html>
浏览器支持
事件 | |||||
---|---|---|---|---|---|
onmousedown | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 onmousedown 事件。
定义和用法
onmousedown 事件在鼠标按钮在元素上按下时触发。
提示:相对于 onmousedown 事件的事件次序(限于鼠标左/中键):
相对于 onmousedown 事件的事件次序(限于鼠标右键):
- onmousedown
- onmouseup
- oncontextmenu
注释:onmousedown 事件不适用以下元素:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onmousedown="script">
属性值
值 | 描述 |
---|---|
script | onmousedown 发生时运行的脚本。 |