files/it/web/api/event/button/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
49
50
51
52
53
54
55
56
57
58

---
title: event.button
slug: Web/API/Event/button
tags:
  - DOM
  - Gecko
  - Reference_del_DOM_di_Gecko
  - Tutte_le_categorie
translation_of: Web/API/MouseEvent/button
translation_of_original: Web/API/event.button
---
<p>{{ ApiRef() }}</p>
<h3 id="Sommario" name="Sommario">Sommario</h3>
<p>Restituisce un intero che indica quale tasto del mouse è stato premuto.</p>
<h3 id="Sintassi" name="Sintassi">Sintassi</h3>
<pre>var codiceBottone = event.button;
</pre>
<p>codiceBottone può assumere uno dei seguenti valori:</p>
<ul>
 <li>0 standard click, di solito il tasto sinistro</li>
 <li>1 tasto centrale, che di solito è la rotella</li>
 <li>2 tasto destro</li>
</ul>
<p>L'ordine dei bottoni è inverso se il mouse è configurato per l'utilizzo da parte dei mancini.</p>
<h3 id="Esempio" name="Esempio">Esempio</h3>
<pre>&lt;script type="text/javascript"&gt;

function qualeTasto(e)
{
  var e = e || window.event;
  var codiceTasto;

  if ('object' == typeof e){
    codiceTasto = e.button;

    switch (codiceTasto){
      case 0  : alert('Hai premuto il tasto sinistro');
                break;
      case 1  : alert('Hai premuto il tasto centrale');
                break;
      case 2  : alert('Hai premuto il tasto destro');
                break;
      default : alert('Codice sconosciuto: ' + btnCode);
    }
  }
}

&lt;/script&gt;

&lt;p onclick="qualeBottone(event);"&gt;Clicca con il mouse...&lt;/p&gt;

</pre>
<h3 id="Note" name="Note">Note</h3>
<p>Poichè i click del mouse spesso vengono intercettati dall'interfaccia utente, in alcuni casi potrebbe essere difficile rilevare la pressione di un bottone che non sia quello standard (generalmente il sinistro).</p>
<p>Gli utenti possono cambiare la configurazione dei tasti del loro dispositivo di puntamento in modo tale che se il valore di codiceBottone è 0, questo non è causato dal tasto che si trova fisicamente a sinistra, ma questo non ha molta importanza.</p>
<h3 id="Specifiche" name="Specifiche">Specifiche</h3>
<p>DOM 2 Events Specification: <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-MouseEvent-button">button</a></p>
<p>{{ languages( { "en": "en/DOM/event.button", "pl": "pl/DOM/event.button" } ) }}</p>