HTML 参考手册

HTML 标签大全

HTML onmousedown事件属性

onmousedown属性用来获取或设置当前元素的mousedown事件的事件处理函数

HTML 事件属性

在线示例

在段落上按下鼠标按钮时执行JavaScript：

<!DOCTYPE html>
<html>
<head>
<title>HTML onmousedown 事件属性的使用(菜鸟教程 cainiaoplus.com)</title>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
点击文字！当在此段落上按下鼠标按钮时，将触发mouseDown（）函数。该功能将文本的颜色设置为红色。释放鼠标按钮时将触发mouseUp（）函数。mouseUp（）函数将文本的颜色设置为绿色。</p>
<script>
function mouseDown() {
  document.getElementById("p1").style.color = "red";
}
function mouseUp() {
  document.getElementById("p1").style.color = "green";
}
</script>
</body>
</html>
测试看看 ‹/›

在当前元素上鼠标按下瞬间会触发mousedown事件

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 onmousedown 事件属性

定义和用法

当在元素上按下鼠标按钮时，会触发onmousedown属性。

提示： 与 onmousedown  事件相关的事件触发顺序 (左/中鼠标按钮):

  • onmousedown

  • onmouseup

  • onclick与 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事件触发时执行的脚本。


HTML 事件属性        

HTML: <template> 标签