blob: 5569ddf67ac3a333c9bb229f5b9e3537125d5ceb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
|
---
title: mousedown
slug: Web/API/Element/mousedown_event
translation_of: Web/API/Element/mousedown_event
---
<div>{{APIRef}}</div>
<p><code>mousedown </code>事件在指针设备按钮按下时触发。</p>
<h2 id="常规信息">常规信息</h2>
<dl>
<dt style="float: left; text-align: right; width: 120px;">规范</dt>
<dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown">DOM L3</a></dd>
<dt style="float: left; text-align: right; width: 120px;">接口</dt>
<dd style="margin: 0 0 0 120px;">{{domxref("MouseEvent")}}</dd>
<dt style="float: left; text-align: right; width: 120px;">是否冒泡</dt>
<dd style="margin: 0 0 0 120px;">是</dd>
<dt style="float: left; text-align: right; width: 120px;">可取消默认行为</dt>
<dd style="margin: 0 0 0 120px;">是</dd>
<dt style="float: left; text-align: right; width: 120px;">目标对象</dt>
<dd style="margin: 0 0 0 120px;">元素（Element）</dd>
<dt style="float: left; text-align: right; width: 120px;">默认行为</dt>
<dd style="margin: 0 0 0 120px;">多种：开始 drag/drop 操作；开始文本选择、开始滚动或移动操作（若支持该操作时，可与鼠标中键协同） </dd>
</dl>
<h2 id="属性">属性</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">属性</th>
<th scope="col">类型</th>
<th scope="col">描述</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>target</code> {{readonlyInline}}</td>
<td>{{domxref("EventTarget")}}</td>
<td>事件对应的 DOM 树顶级顶级元素</td>
</tr>
<tr>
<td><code>type</code> {{readonlyInline}}</td>
<td>{{domxref("DOMString")}}</td>
<td>事件类型</td>
</tr>
<tr>
<td><code>bubbles</code> {{readonlyInline}}</td>
<td>Boolean</td>
<td>事件是否冒泡</td>
</tr>
<tr>
<td><code>cancelable</code> {{readonlyInline}}</td>
<td><code>Boolean</code></td>
<td>事件是否可取消</td>
</tr>
<tr>
<td><code>view</code> {{readonlyInline}}</td>
<td>{{domxref("WindowProxy")}}</td>
<td>{{domxref("document.defaultView")}} (文档 <code>window</code>)</td>
</tr>
<tr>
<td><code>detail</code> {{readonlyInline}}</td>
<td><code>long</code> (<code>float</code>)</td>
<td>
<p>短时间内通过连续点击每次加一自增的计数值</p>
</td>
</tr>
<tr>
<td><code>currentTarget</code> {{readonlyInline}}</td>
<td>{{domxref("EventTarget")}}</td>
<td>挂载监听器的节点</td>
</tr>
<tr>
<td><code>relatedTarget</code> {{readonlyInline}}</td>
<td>{{domxref("EventTarget")}}</td>
<td>对于 <code>mouseover</code>, <code>mouseout</code>, <code>mouseenter</code> 及 <code>mouseleave</code> 事件： 该事件及其互补事件（如 <code>mouseleave</code> 对应 <code>mouseenter</code> 事件)。不存在时为 <code>null</code> </td>
</tr>
<tr>
<td><code>screenX</code> {{readonlyInline}}</td>
<td>long</td>
<td>
<p>全局屏幕坐标系下鼠标指针的 X 轴坐标值</p>
</td>
</tr>
<tr>
<td><code>screenY</code> {{readonlyInline}}</td>
<td>long</td>
<td>全局屏幕坐标系下鼠标指针的 Y 轴坐标值</td>
</tr>
<tr>
<td><code>clientX</code> {{readonlyInline}}</td>
<td>long</td>
<td>
<p>当前（DOM 元素）坐标系下鼠标指针的 X 轴坐标值</p>
</td>
</tr>
<tr>
<td><code>clientY</code> {{readonlyInline}}</td>
<td>long</td>
<td>当前（DOM 元素）坐标系下鼠标指针的 Y 轴坐标值</td>
</tr>
<tr>
<td><code>button</code> {{readonlyInline}}</td>
<td>unsigned short</td>
<td>
<p>点击事件对应的按键序号：0 为左键、1 为中键、2 为右键。在左撇子的配置环境下，按键值相反。</p>
</td>
</tr>
<tr>
<td><code>buttons</code> {{readonlyInline}}</td>
<td>unsigned short</td>
<td>
<p>鼠标事件触发时按下的按键值：左键为 1，右键为 2，中键为 4，第四个（如浏览器返回键）为 8，第五个（如浏览器前进键）为 16。若多个按键按下，则返回全部按下按键的逻辑值之和。例如，按下左键和右键时，返回 3 (= 1 | 2)。<a href="/en-US/docs/Web/API/MouseEvent">更多信息</a>。</p>
</td>
</tr>
<tr>
<td><code>mozPressure</code> {{readonlyInline}}</td>
<td>float</td>
<td>
<p>触发事件时按下触控设备的压力。该值范围最小为 0.0，最大为 1.0</p>
</td>
</tr>
<tr>
<td><code>ctrlKey</code> {{readonlyInline}}</td>
<td>boolean</td>
<td>若事件触发时 control 键按下则为 <code>true</code>，否则为 <code>false</code>。</td>
</tr>
<tr>
<td><code>shiftKey</code> {{readonlyInline}}</td>
<td>boolean</td>
<td>若事件触发时 shift 键按下则为 <code>true</code>，否则为 <code>false</code></td>
</tr>
<tr>
<td><code>altKey</code> {{readonlyInline}}</td>
<td>boolean</td>
<td>若事件触发时 alt 键按下则为 <code>true</code>，否则为 <code>false</code></td>
</tr>
<tr>
<td><code>metaKey</code> {{readonlyInline}}</td>
<td>boolean</td>
<td>若事件触发时 meta 键按下则为 <code>true</code>，否则为 <code>false</code></td>
</tr>
</tbody>
</table>
<h2 id="浏览器兼容性">浏览器兼容性</h2>
{{Compat("api.Element.mousedown_event")}}
<h2 id="参见">参见</h2>
<ul>
<li>{{Event("mousedown")}}</li>
<li>{{Event("mouseup")}}</li>
<li>{{Event("mousemove")}}</li>
<li>{{Event("click")}}</li>
<li>{{Event("dblclick")}}</li>
<li>{{Event("mouseover")}}</li>
<li>{{Event("mouseout")}}</li>
<li>{{Event("mouseenter")}}</li>
<li>{{Event("mouseleave")}}</li>
<li>{{Event("contextmenu")}}</li>
</ul>
|
