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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
|
---
title: MouseEvent
slug: Web/API/MouseEvent
tags:
- API
- DOM
- DOM Events
- Interface
- Precisa de Tradução
- Referencia
- TopicStub
translation_of: Web/API/MouseEvent
---
<p><font><font>A interface </font></font><code><strong>MouseEvent</strong></code><font><font> representa eventos que ocorrem devido à interação do usuário com um dispositivo apontador (como um mouse). Eventos comuns usando esta interface incluem </font></font><code><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/Element/click_event">click</a></code>, <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/dblclick_event">dblclick</a></code>, <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseup_event">mouseup</a></code>, <code><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/Element/mousedown_event">mousedown</a></code>.</p>
<p><span class="tlid-translation translation" lang="pt"><span title=""><strong><code>MouseEvent</code></strong> deriva de <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/UIEvent">UIEvent</a></code>, que por sua vez deriva de <code><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/Event">Event</a></code>.</span> <span title="">Embora o método <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/initMouseEvent">MouseEvent.initMouseEvent()</a></code> seja mantido para compatibilidade com versões anteriores, a criação de um objeto <strong><code>MouseEvent</code></strong> deve ser feita usando o construtor <code>MouseEvent()</code>.</span></span></p>
<p><font><font>Vários eventos mais específicos derivam de </font></font><strong><code>MouseEvent</code></strong><font><font> como:</font></font> <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent">WheelEvent</a></code> e <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/DragEvent">DragEvent</a></code>.<br>
</p>
<p>{{InheritanceDiagram}}</p>
<h2 id="Construtor">Construtor</h2>
<dl>
<dt><strong><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/MouseEvent">MouseEvent()</a></code></strong></dt>
<dd><font><font>Cria um objeto </font></font><strong><code>MouseEvent</code></strong><font><font>.</font></font></dd>
</dl>
<h2 id="Propriedades">Propriedades</h2>
<p><em><font><font>Essa interface também herda propriedades de seus pais</font></font>, <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/UIEvent">UIEvent</a></code> e <code><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/Event">Event</a></code>.</em></p>
<dl>
<dt>
<p><strong><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/altKey">MouseEvent.altKey</a></code></strong> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></p>
</dt>
<dd><font><font>Retorna </font></font><code>true</code><font><font>se a tecla </font></font><kbd>alt</kbd><font><font> estava pressionada quando o evento do mouse foi disparado.</font></font></dd>
<dt>
<p><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/altKey">MouseEvent.button</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></p>
</dt>
<dd><font><font>O número do botão que foi pressionado (se aplicável) quando o evento do mouse foi disparado.</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button">MouseEvent.buttons</a></code><span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd>
<p><font><font>Os botões sendo pressionados (se houver) quando o evento do mouse foi disparado.</font></font></p>
</dd>
<dt><code><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/MouseEvent/clientX">MouseEvent.clientX</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed."><em>Read only</em> </span></dt>
<dd><font><font>A coordenada X do ponteiro do mouse em coordenadas locais (conteúdo <strong>DOM</strong>).</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/MouseEvent/clientY">MouseEvent.clientY</a></code><span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>A coordenada Y do ponteiro do mouse em coordenadas locais (conteúdo <strong>DOM</strong>).</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/ctrlKey">MouseEvent.ctrlKey</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>Retorna </font></font><code>true</code><font><font> se a tecla </font></font><kbd>control</kbd><font><font> estava pressionada quando o evento do mouse foi disparado.</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/metaKey">MouseEvent.metaKey</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>Retorna </font></font><code>true</code><font><font> se a tecla </font></font><kbd>meta</kbd><font><font> estava pressionada quando o evento do mouse foi disparado.</font></font></dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/movementX">MouseEvent.movementX</a><span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>A coordenada X do ponteiro do mouse em relação à posição do último evento </font></font><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event">mousemove</a></code> <font><font>.</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/movementY">MouseEvent.movementY</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>A coordenada Y do ponteiro do mouse em relação à posição do último</font></font> evento <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event">mousemove</a>.</dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/offsetX">MouseEvent.offsetX</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span> </dt>
<dd><font><font>A coordenada X do ponteiro do mouse em relação à posição da borda de preenchimento do nó de destino.</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/offsetY">MouseEvent.offsetY</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span> </dt>
<dd><font><font>A coordenada Y do ponteiro do mouse em relação à posição da borda de preenchimento do nó de destino.</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/pageX">MouseEvent.pageX</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>A coordenada X do ponteiro do mouse em relação a todo o documento.</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/pageY">MouseEvent.pageY</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>A coordenada Y do ponteiro do mouse em relação a todo o documento.</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/region">MouseEvent.region </a></code><span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>Retorna o id da região afetada pelo evento. </font><font>Se nenhuma região atingida for afetada, </font></font><strong><code>null</code></strong><font><font> será retornado.</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/relatedTarget">MouseEvent.relatedTarget </a></code><span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd>
<p><font><font>O destino secundário do evento, se houver.</font></font></p>
</dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/screenX">MouseEvent.screenX </a><span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>A coordenada X do ponteiro do mouse em coordenadas globais (tela).</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/screenY">MouseEvent.screenY</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>A coordenada Y do ponteiro do mouse em coordenadas globais (tela).</font></font></dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/shiftKey">MouseEvent.shiftKey</a> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>Retorna </font></font><code>true</code><font><font> se a tecla </font></font><kbd>shift</kbd><font><font> estava pressionada quando o evento do mouse foi disparado.</font></font></dd>
<dt><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/which">MouseEvent.which</a> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>O botão sendo pressionado quando o evento do mouse foi disparado.</font></font></dd>
<dt><code>MouseEvent.mozPressure </code><span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>A quantidade de pressão aplicada a um dispositivo de toque ou tablet ao gerar o evento; </font><font>este valor varia entre </font></font><code>0.0</code><font><font> (pressão mínima) e </font></font><code>1.0</code><font><font> (pressão máxima).</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/mozInputSource">MouseEvent.mozInputSource</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dt></dt>
<dd>
<p><font><font>O tipo de dispositivo que gerou o evento (uma das constantes </font></font><code>MOZ_SOURCE_* </code> <font><font> listadas abaixo). </font><font>Isso permite, por exemplo, determinar se um evento de mouse foi gerado por um mouse real ou por um evento de toque (o que pode afetar o grau de precisão com que você interpreta as coordenadas associadas ao evento).</font></font></p>
</dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/webkitForce">MouseEvent.webkitForce</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>A quantidade de pressão aplicada ao clicar</font></font></dd>
<dt><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/MouseEvent/clientX">MouseEvent.x</a><span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>Alias para </font></font><code><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/MouseEvent/clientX">MouseEvent.clientX</a></code>.</dd>
<dt><code><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/MouseEvent/clientY">MouseEvent.y</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>Alias para </font></font><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/MouseEvent/clientY">MouseEvent.clientY</a></dd>
</dl>
<h2 id="Constantes">Constantes</h2>
<dl>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/WEBKIT_FORCE_AT_MOUSE_DOWN">MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>Força mínima necessária para um clique normal.</font></font></dd>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN">MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN</a></code> <span class="inlineIndicator readOnly readOnlyInline" title="This value may not be changed.">Read only </span></dt>
<dd><font><font>Força mínima necessária para um clique de força</font></font></dd>
</dl>
<h2 id="Método">Método</h2>
<p><em><font><font>Essa interface também herda métodos de seus pais</font></font></em><em>, <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/UIEvent">UIEvent</a></code> e <code><a href="https://developer.mozilla.org/pt-BR/docs/Web/API/Event">Event</a></code>.</em></p>
<dl>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/getModifierState">MouseEvent.getModifierState()</a></code></dt>
</dl>
<dl>
<dd><font><font>Retorna o estado tual da tecla modificadora especificada. </font><font>Consulte </font></font><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/getModifierState">KeyboardEvent.getModifierState</a></code><font><font><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/getModifierState">()</a></code> para obter detalhes.</font></font></dd>
</dl>
<dl>
<dt><code><a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/initMouseEvent">MouseEvent.initMouseEvent()</a></code></dt>
<dd><font><font>Inicializa o valor de um </font></font><strong><code>MouseEvent</code></strong><font><font> criado. </font><font>Se o evento já foi despachado, este método não faz nada.</font></font></dd>
</dl>
<h2 id="Exemplo">Exemplo</h2>
<p><font><font>Este exemplo demonstra a simulação de um clique (que está gerando programaticamente um evento de clique) em uma caixa de seleção usando métodos <strong>DOM</strong>.</font></font></p>
<pre class="brush: js notranslate">function simulateClick() {
var evt = new <a href="/en-US/docs/Web/API/MouseEvent">MouseEvent</a>("click", {
bubbles: true,
cancelable: true,
view: window
});
var cb = document.getElementById("checkbox"); //element to click on
var canceled = !cb.<a href="/en-US/docs/Web/API/EventTarget.dispatchEvent" rel="internal" title="en/DOM/element.dispatchEvent">dispatchEvent</a>(evt);
if(canceled) {
// A handler called preventDefault
alert("canceled");
} else {
// None of the handlers called preventDefault
alert("not canceled");
}
}
document.getElementById("button").addEventListener('click', simulateClick);</pre>
<pre class="brush: html notranslate"><p><label><input type="checkbox" id="checkbox"> Checked</label>
<p><button id="button">Click me</button></pre>
<p>Clique no botão para ver como funciona a amostra:</p>
<p>{{EmbedLiveSample('Example')}}</p>
<h2 id="Especificações"><font><font>Especificações</font></font></h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
<tr>
<td>{{SpecName('CSSOM View','#extensions-to-the-mouseevent-interface', 'MouseEvent')}}</td>
<td><span class="spec-WD"><font><font>Rascunho de trabalho</font></font></span></td>
<td><font><font>Redefine </font></font><strong><code>MouseEvent</code></strong><font><font> de longo para duplo. </font><font>Isto significa que um </font></font><strong><code>PointerEvent</code></strong><font><font> cuja </font></font><strong><code>pointerType</code></strong><font><font> é rato será uma de casal.</font></font></td>
</tr>
<tr>
<td>{{SpecName("HTML WHATWG", "#dom-mouseevent-region", "MouseEvent.region")}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td><font><font>Do </font></font><a class="external" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=en&sp=nmt4&tl=pt&u=https://www.w3.org/TR/2014/WD-DOM-Level-3-Events-20140925/&usg=ALkJrhgcVK660U2yEqol1korxl7KhBCvmA" hreflang="en" lang="en" rel="noopener" title="A especificação de 'Document Object Model (DOM) Nível 3 Events Specification'"><font><font>Document Object Model (DOM) Nível 3 Events Specification</font></font></a><font><font> , adicionado </font></font>propriedades <code>movementX</code><font><font> e </font></font><code>movementY</code><font><font>.</font></font></td>
</tr>
<tr>
<td>{{SpecName('Pointer Lock','#extensions-to-the-mouseevent-interface','MouseEvent')}}</td>
<td>{{Spec2('Pointer Lock')}}</td>
<td></td>
</tr>
<tr>
<td>{{SpecName('CSSOM View', '#extensions-to-the-mouseevent-interface', 'MouseEvent')}}</td>
<td>{{Spec2('CSSOM View')}}</td>
<td><font><font>A partir </font></font><a class="external" href="https://translate.googleusercontent.com/translate_c?depth=1&pto=aue&rurl=translate.google.com&sl=en&sp=nmt4&tl=pt&u=https://www.w3.org/TR/2014/WD-DOM-Level-3-Events-20140925/&usg=ALkJrhgcVK660U2yEqol1korxl7KhBCvmA" hreflang="en" lang="en" rel="noopener" title="A especificação de 'Document Object Model (DOM) Nível 3 Events Specification'"><font><font>do documento de modelo de objeto (DOM) Nível 3 Especificação de eventos</font></font></a><font><font> , adicionados </font></font><strong><code>offsetX</code></strong><font><font> e </font></font><strong><code>offsetY</code></strong><font><font>, </font></font><strong><code>pageX</code></strong><font><font> e </font></font><strong><code>pageY</code></strong><font><font>, </font></font><strong><code>x</code></strong><font><font>, e </font></font><strong><code>y</code></strong><font><font> propriedades. </font><font>Propriedades redefinidas de tela, página, cliente e coordenadas (x e y) a partir </font></font><strong><code>double</code></strong><font><font> de </font></font><strong><code>long</code></strong><font><font>.</font></font></td>
</tr>
<tr>
<td>{{SpecName('DOM3 Events','#events-mouseevents','MouseEvent')}}</td>
<td>{{Spec2('DOM3 Events')}}</td>
<td>Em Document Object Model (DOM) Nível 2, especificação de eventos, adicionado ao construtor <strong><code>MouseEvent ()</code></strong>, o método <strong><code>getModifierState()</code></strong> e a propriedade de <strong><code>buttons</code></strong>.</td>
</tr>
<tr>
<td>{{SpecName('DOM2 Events','#Events-MouseEvent','MouseEvent')}}</td>
<td>{{Spec2('DOM2 Events')}}</td>
<td>Definição inicial.</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilidade do navegador</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Edge</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{CompatVersionUnknown()}}</td>
</tr>
<tr>
<td>{{domxref("MouseEvent.movementX","movementX")}}<br>
{{domxref("MouseEvent.movementY","movementY")}}</td>
<td>{{CompatChrome(37)}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{CompatVersionUnknown()}} {{property_prefix("moz")}}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{ CompatUnknown() }}</td>
</tr>
<tr>
<td>{{ domxref("MouseEvent.buttons", "buttons") }}</td>
<td>{{CompatChrome(43)}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{ CompatVersionUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{CompatNo}}</td>
</tr>
<tr>
<td>{{ domxref("MouseEvent.which", "which") }}</td>
<td>{{CompatChrome(1)}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>1.0</td>
<td>9.0</td>
<td>5.0</td>
<td>1.0</td>
</tr>
<tr>
<td>{{domxref("MouseEvent.getModifierState()", "getModifierState()")}}</td>
<td>{{CompatChrome(47)}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{CompatGeckoDesktop(15)}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{CompatVersionUnknown()}}</td>
</tr>
<tr>
<td>{{domxref("MouseEvent.mozPressure", "mozPressure")}} and {{domxref("MouseEvent.mozInputSource", "mozInputSource")}} {{non-standard_inline}}</td>
<td>{{CompatNo}}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{CompatGeckoDesktop(2)}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
</tr>
<tr>
<td>{{domxref("MouseEvent.MouseEvent", "MouseEvent()")}}</td>
<td>{{CompatChrome(45)}}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{CompatGeckoDesktop(11)}}</td>
<td>9.0</td>
<td>{{CompatVersionUnknown()}}</td>
<td>{{ CompatUnknown() }}</td>
</tr>
<tr>
<td>{{domxref("MouseEvent.region")}}</td>
<td>{{CompatChrome(51)}}<sup>[1]</sup></td>
<td>{{ CompatUnknown() }}</td>
<td>{{CompatGeckoDesktop(32)}}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
</tr>
<tr>
<td>{{domxref("MouseEvent.offsetX")}}, and {{domxref("MouseEvent.offsetY")}}</td>
<td>{{CompatVersionUnknown()}}</td>
<td>9</td>
<td>{{CompatGeckoDesktop(40)}}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
</tr>
<tr>
<td>{{domxref("MouseEvent.screenX")}}, {{domxref("MouseEvent.screenY")}}, {{domxref("MouseEvent.clientX")}}, and {{domxref("MouseEvent.Y")}} are double instead of long.</td>
<td>{{CompatChrome(56)}}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Chrome for Android</th>
<th>Edge</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
<td>{{ CompatUnknown() }}</td>
</tr>
</tbody>
</table>
</div>
<p>[1] Requires enabling the <code>ExperimentalCanvasFeatures</code> flag.</p>
<h2 id="Veja_também">Veja também</h2>
<p>Seu pai direto, <code><a href="https://developer.mozilla.org/en-US/docs/Web/API/UIEvent">UIEvent</a></code>.<br>
<code><a href="https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent">PointerEvent</a></code>: Para eventos de ponteiro avançados, incluindo multitoque</p>
|
