files/pt-br/web/api/globaleventhandlers/oncontextmenu/index.html


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

---
title: GlobalEventHandlers.oncontextmenu
slug: Web/API/GlobalEventHandlers/oncontextmenu
tags:
  - API
  - HTML DOM
  - Propriedade
  - Referencia
translation_of: Web/API/GlobalEventHandlers/oncontextmenu
---
<div>{{ ApiRef("HTML DOM") }}</div>

<p>Um uma propriedade do manipulador de eventos da janela para eventos com o botão direito do mouse. A menos que o comportamento padrão do navegador seja bloqueado (veja exemplos abaixo sobre como fazer isso), o menu de contexto do navegador irá ser ativado (apesar do IE8 ter um bug com ele e não irá ativar o menu de contexto se o manipulador de eventos contextmenu for definido). Note que este evento irá acontecer com qualquer evento não-desabilitado do botão direito do mouse e não depende de um elemento que contenha o <a href="http://hacks.mozilla.org/2011/11/html5-context-menus-in-firefox-screencast-and-code/" title="http://hacks.mozilla.org/2011/11/html5-context-menus-in-firefox-screencast-and-code/">atributo "contextmenu"</a>.</p>

<h2 id="Syntax" name="Syntax">Sintaxe</h2>

<pre class="syntaxbox">window.oncontextmenu = funcRef;
//funcRef se refere à função a ser chamada</pre>

<h2 id="Example" name="Example">Exemplo</h2>

<p>Os exemplos abaixo irão desabilitar o clique com botão direito na página:</p>

<pre class="brush:js;">document.oncontextmenu = function () { // Usa o document ao invés de window para compatibilidade com o IE8
   return false;
};

window.addEventListener('contextmenu', function (e) { // Não compatível com IE &lt; 9
    e.preventDefault();
}, false);
</pre>

<h2 id="Specifications" name="Specifications">Especificações</h2>

<table class="spectable standard-table">
 <tbody>
  <tr>
   <th scope="col">Especificação</th>
   <th scope="col">Status</th>
   <th scope="col">Comentário</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG','webappapis.html#handler-oncontextmenu','oncontextmenu')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>