Element：mousedown 事件
当定点设备的按钮在指针位于 Element 内部时被按下，会触发 mousedown 事件。
这与 click 事件不同，click 事件是在完整的点击操作发生后才触发的；也就是说，鼠标按钮在指针停留在同一元素内部时被按下并释放。mousedown 事件在按钮最初被按下的那一刻就会触发。
此行为与 pointerdown 事件不同。使用实体鼠标时，每当鼠标上的任何按钮被按下时，都会触发 mousedown 事件。pointerdown 事件只在第一次按钮按下时触发；后续的按钮按下不会触发 pointerdown 事件。
语法
在诸如 addEventListener() 之类的方法中使用事件名称，或设置事件处理程序属性。
addEventListener("mousedown", (event) => { })
onmousedown = (event) => { }
事件类型
一个 MouseEvent。继承自 UIEvent 和 Event。
事件属性
此接口还继承其父级 UIEvent 和 Event 的属性。
MouseEvent.altKey只读-
如果鼠标事件触发时 alt 键处于按下状态，则返回
true。 -
鼠标事件触发时按下的按钮编号（如果适用）。
-
鼠标事件触发时按下的按钮（如果有）。
MouseEvent.clientX只读-
鼠标指针在视口坐标中的 X 坐标。
MouseEvent.clientY只读-
鼠标指针在视口坐标中的 Y 坐标。
MouseEvent.ctrlKey只读-
如果鼠标事件触发时 control 键处于按下状态，则返回
true。 MouseEvent.layerX非标准 只读-
返回事件相对于当前图层的水平坐标。
MouseEvent.layerY非标准 只读-
返回事件相对于当前图层的垂直坐标。
MouseEvent.metaKey只读-
如果鼠标事件触发时 meta 键处于按下状态，则返回
true。 MouseEvent.movementX只读-
鼠标指针相对于上次
mousemove事件位置的 X 坐标。 MouseEvent.movementY只读-
鼠标指针相对于上次
mousemove事件位置的 Y 坐标。 MouseEvent.offsetX只读-
鼠标指针相对于目标节点内边距边缘位置的 X 坐标。
MouseEvent.offsetY只读-
鼠标指针相对于目标节点内边距边缘位置的 Y 坐标。
MouseEvent.pageX只读-
鼠标指针相对于整个文档的 X 坐标。
MouseEvent.pageY只读-
鼠标指针相对于整个文档的 Y 坐标。
-
事件的次要目标（如果存在）。
MouseEvent.screenX只读-
鼠标指针在屏幕坐标中的 X 坐标。
MouseEvent.screenY只读-
鼠标指针在屏幕坐标中的 Y 坐标。
MouseEvent.shiftKey只读-
如果鼠标事件触发时 shift 键处于按下状态，则返回
true。 MouseEvent.mozInputSource非标准 只读-
生成事件的设备类型（
MOZ_SOURCE_*常量之一）。这可以让你例如判断鼠标事件是由实际的鼠标还是由触摸事件生成的（这可能会影响你解释与事件关联的坐标的准确程度）。 MouseEvent.webkitForce非标准 只读-
点击时施加的压力大小。
MouseEvent.x只读-
MouseEvent.clientX的别名。 MouseEvent.y只读-
MouseEvent.clientY的别名。
示例
请参阅 mousemove 事件以获取示例代码。
规范
| 规范 |
|---|
| UI 事件 # event-type-mousedown |
| HTML # handler-onmousedown |
浏览器兼容性
加载中…