目录

onmousedown 事件

示例

在段落上按下鼠标按钮时调用函数:

<p onmousedown="myFunction()">Click the text!</p>
亲自试一试 »

下面有更多示例。


描述

这个onmousedown当用户发生事件时按下鼠标按钮超过一个HTML 元素

活动顺序对于鼠标左键和中键:

  1. 鼠标按下时
  2. 鼠标悬停时
  3. 单击时

活动顺序对于鼠标右键:

  1. 鼠标按下时
  2. 鼠标悬停时
  3. 上下文菜单

鼠标事件

Event Occurs When
onclick The user clicks on an element
oncontextmenu The user right-clicks on an element
ondblclick The user double-clicks on an element
onmousedown A mouse button is pressed over an element
onmouseenter The pointer is moved onto an element
onmouseleave The pointer is moved out of an element
onmousemove The pointer is moving over an element
onmouseout The mouse pointer moves out of an element
onmouseover The mouse pointer is moved over an element
onmouseup The mouse button is released over an element

也可以看看:

鼠标事件对象

教程:

JavaScript 事件



语法

在 HTML 中:

< element onmousedown=" myScript">
亲自试一试 »

在 JavaScript 中:

object.onmousedown = function(){ myScript};
亲自试一试 »

在 JavaScript 中,使用 addEventListener() 方法:

object.addEventListener("mousedown", myScript);
亲自试一试 »

技术细节

气泡: 是的
可取消: 是的
事件类型: 鼠标事件
HTML 标签: 所有 HTML 元素,除了:<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 和 <title>
DOM 版本: 2 级活动

更多示例

按下按钮时触发带参数的功能
当在 <p> 元素上按下鼠标按钮时,将其颜色更改为红色。

提醒按下了哪个鼠标按钮
提醒用户按下了哪个鼠标按钮。

提醒用户点击的元素
提醒用户单击的元素的名称。


浏览器支持

onmousedown是 DOM Level 2 (2001) 功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11