diff options
Diffstat (limited to 'files/it/web/api/event')
| -rw-r--r-- | files/it/web/api/event/bubbles/index.html | 31 | ||||
| -rw-r--r-- | files/it/web/api/event/cancelable/index.html | 23 | ||||
| -rw-r--r-- | files/it/web/api/event/currenttarget/index.html | 99 | ||||
| -rw-r--r-- | files/it/web/api/event/eventphase/index.html | 19 | ||||
| -rw-r--r-- | files/it/web/api/event/index.html | 240 | ||||
| -rw-r--r-- | files/it/web/api/event/preventdefault/index.html | 176 | ||||
| -rw-r--r-- | files/it/web/api/event/stoppropagation/index.html | 60 | ||||
| -rw-r--r-- | files/it/web/api/event/timestamp/index.html | 45 | ||||
| -rw-r--r-- | files/it/web/api/event/type/index.html | 50 |
9 files changed, 0 insertions, 743 deletions
diff --git a/files/it/web/api/event/bubbles/index.html b/files/it/web/api/event/bubbles/index.html deleted file mode 100644 index e75e385070..0000000000 --- a/files/it/web/api/event/bubbles/index.html +++ /dev/null @@ -1,31 +0,0 @@ ---- -title: event.bubbles -slug: Web/API/Event/bubbles -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Event/bubbles ---- -<p>{{ ApiRef() }}</p> -<h3 id="Sommario" name="Sommario">Sommario</h3> -<p>Indica se un dato evento può emergere attraverso il DOM oppure no.</p> -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> -<pre class="eval"><i>bool</i> = event.bubbles -</pre> -<p><code>bool</code> vale <code>true</code> se l'evento può emergere, altrimenti vale <code>false</code>.</p> -<h3 id="Note" name="Note">Note</h3> -<p>Solo alcuni eventi possono emergere. Tali eventi hanno questa proprietà impostata a <code>true</code>. E' possibile utilizzarla per controllare se un evento può emergere.</p> -<h3 id="Esempio" name="Esempio">Esempio</h3> -<pre> function leggiInput(e) { - // controlla se emerge - if not e.bubbles { - // in caso negativo, passa oltre - passaOltre(e); - } - // altrimenti emerge - scriviOutput(e) -} -</pre> -<p>{{ languages( { "en": "en/DOM/event.bubbles", "pl": "pl/DOM/event.bubbles" } ) }}</p> diff --git a/files/it/web/api/event/cancelable/index.html b/files/it/web/api/event/cancelable/index.html deleted file mode 100644 index 3258a2b37d..0000000000 --- a/files/it/web/api/event/cancelable/index.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: event.cancelable -slug: Web/API/Event/cancelable -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Event/cancelable ---- -<p>{{ ApiRef() }}</p> -<h3 id="Sommario" name="Sommario">Sommario</h3> -<p>Indica se è possibile cancellare la risposta predefinita di questo evento o meno.</p> -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> -<pre class="eval"><i>bool</i> =<i>event</i>.cancelable; -</pre> -<p><code>bool</code> vale <code>true</code> se l'evento è cancellabile, altrimenti <code>false</code>.</p> -<h3 id="Note" name="Note">Note</h3> -<p>Se un evento possa essere cancellato o meno, viene determinato al momento dell'inizializzazione dell'evento.</p> -<p>Per cancellare un evento, si chiami il metodo <a href="it/DOM/event.preventDefault">preventDefault</a>. Questo impedisce al browser di eseguire l'azione di default associata a tale evento.</p> -<h3 id="Specification" name="Specification">Specification</h3> -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event-canCancel">DOM Level 2 Events: cancelable</a></p> -<p>{{ languages( { "en": "en/DOM/event.cancelable", "pl": "pl/DOM/event.cancelable" } ) }}</p> diff --git a/files/it/web/api/event/currenttarget/index.html b/files/it/web/api/event/currenttarget/index.html deleted file mode 100644 index 7fcc81f4b3..0000000000 --- a/files/it/web/api/event/currenttarget/index.html +++ /dev/null @@ -1,99 +0,0 @@ ---- -title: Event.currentTarget -slug: Web/API/Event/currentTarget -translation_of: Web/API/Event/currentTarget ---- -<p>{{APIRef("DOM")}}</p> - -<p>Identifica l'elemento del DOM a cui è stato assegnato l'event handler diversamente dall' <code>event.target</code> che rappresenta l'elemento da cui è stato generato l'evento.</p> - -<h2 id="Esempio">Esempio</h2> - -<p>L' <code>event.currentTarget </code>risulta utile da usare quando si assegna lo stesso event handler a numerosi elementi.</p> - -<pre class="brush: js">function hide(e){ - e.currentTarget.style.visibility = "hidden"; - // When this function is used as an event handler: this === e.currentTarget -} - -var ps = document.getElementsByTagName('p'); - -for(var i = 0; i < ps.length; i++){ - ps[i].addEventListener('click', hide, false); -} - -// click around and make paragraphs disappear -</pre> - -<h2 id="Specifiche">Specifiche</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th>Specification</th> - <th>Status</th> - <th>Comment</th> - </tr> - <tr> - <td>{{SpecName("DOM2 Events", "#Events-Event-currentTarget", "Event.currentTarget")}}</td> - <td>{{Spec2("DOM2 Events")}}</td> - <td>Initial definition</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_Browser">Compatibilità Browser</h2> - -<p>{{CompatibilityTable}}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</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}}<sup>[1]</sup></td> - <td>{{CompatVersionUnknown}}</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>Firefox Mobile (Gecko)</th> - <th>IE Mobile</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - <td>{{CompatUnknown}}</td> - </tr> - </tbody> -</table> -</div> - -<p>[1] Il modello degli eventi implementato dagli Internet Explorer da 6 a 8 è diverso. Gli event listerner sono attaccati attraverso il metodo non standard <code>element.attachEvent. </code>In questo modello non esiste un equivalente dell' <code>event.currentTarget</code> inoltre <code>this</code> è l'oggetto globale. Una possibile soluzione è quella di wrappare la gestione dell' <code>event.currentTarget </code>in una funzione che chiami la funzione di handler attraverso la <code>Function.prototype.call</code> passando come primo parametro l'elemento. In questo modo il valore associato allo <code>this</code> è quello aspettato.</p> - -<h2 id="Vedi_anche">Vedi anche</h2> - -<p><a href="/en-US/docs/Web/API/Event/Comparison_of_Event_Targets">Comparison of Event Targets</a></p> diff --git a/files/it/web/api/event/eventphase/index.html b/files/it/web/api/event/eventphase/index.html deleted file mode 100644 index d695a1451a..0000000000 --- a/files/it/web/api/event/eventphase/index.html +++ /dev/null @@ -1,19 +0,0 @@ ---- -title: event.eventPhase -slug: Web/API/Event/eventPhase -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Event/eventPhase ---- -<p>{{ ApiRef() }}</p> -<h3 id="Sommario" name="Sommario">Sommario</h3> -<p>Indica quale fase del flusso degli eventi è attualmente in elaborazione.</p> -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> -<pre class="eval"><i>fase</i> = event.eventPhase -</pre> -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> -<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-eventPhase">eventPhase </a></p> -<p>{{ languages( { "en": "en/DOM/event.eventPhase", "pl": "pl/DOM/event.eventPhase" } ) }}</p> diff --git a/files/it/web/api/event/index.html b/files/it/web/api/event/index.html deleted file mode 100644 index 6ae75ff300..0000000000 --- a/files/it/web/api/event/index.html +++ /dev/null @@ -1,240 +0,0 @@ ---- -title: event -slug: Web/API/Event -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Event ---- -<p>{{ ApiRef() }}</p> -<h3 id="Introduzione" name="Introduzione">Introduzione</h3> -<p>Questo capitolo descrive il modello degli eventi del DOM Level 2 così come è implementato in <a href="it/Gecko">Gecko</a>. Viene descritta l'interfaccia <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event">Event</a>, così come le interfacce per la registrazione di eventi per i nodi del DOM, i gestori di eventi, i listener e diversi esempi che mostrano come le interfacce dei diversi eventi si relazionano tra loro.</p> -<p>Vi è un diagramma eccellente che spiega chiaramente le tre fasi del flusso degli eventi nella <a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/events.html#Events-flow">bozza di DOM Level 3</a>.</p> -<h4 id="L.27interfaccia_Event" name="L.27interfaccia_Event">L'interfaccia <code>Event</code></h4> -<p>I gestori degli eventi possono essere assegnati a vari elementi DOM. Quando un dato evento si verifica, un oggetto evento viene creato dinamicamente e passato agli event listener che permettono di gestirlo. L'interfaccia <code>Event</code> del DOM è quindi accessibile dalla funzione che gestisce l'evento, alla quale viene passato un oggetto evento come primo e unico argomento.</p> -<p>Vi sono tre modi di assegnare un listener a un elemento. Con due di queste tecniche, l'oggetto evento viene passato implicitamente alla funzione che gestisce l'evento. Con la terza tecnica, occorre passare esplicitamente l'oggetto evento come parametro.</p> -<p>L'esempio seguente mostra come un oggetto evento viene passato a tale funzione e come può essere utilizzato all'interno della funzione.</p> -<p>Si noti che nel codice non viene passato alcun parametro "evt". L'oggetto evento viene passato automaticamente a <code>foo</code>. Tutto ciò che occorre fare è definire un parametro nel gestore di eventi che riceva l'oggetto evento.</p> -<pre>function foo(evt) { - // le funzioni per la gestione degli eventi come questa - // ricevono un riferimento implicito all'oggetto evento che gestiscono - // (in questo caso abbiamo scelto di chiamarlo "evt"). - alert(evt); -} -elementoTabella.onclick = foo; -</pre> -<p>Questo esempio è molto semplice, ma mostra una caratteristica importante degli eventi nel DOM di Gecko, cioè che è possibile accedere all'oggetto evento dalla funzione gestore. Una volta che si ha un riferimento a un evento, si può accedere a tutte le proprietà e ai metodi descritti in questo capitolo.</p> -<h4 id="Gestori_degli_eventi_DOM" name="Gestori_degli_eventi_DOM">Gestori degli eventi DOM</h4> -<p>Oltre all'oggetto <code>event</code> qui descritto, il DOM di Gecko fornisce anche metodi per la registrazione dei listener sui nodi del DOM, la rimozione di questi listeners ed eliminare gli eventi dal DOM. Questi event listener sugli elementi HTML o XML sono i modi principali per accedere agli eventi. Questi tre metodi sono descritti nella lista sottostante.</p> -<p>Si può anche passare un riferimento all'oggetto evento sotto forma di un parametro definito, chiamato <code>event</code>, alla funzione che gestisce l'evento. Il funzionamento è molto simile a quello della parola chiave <code>this</code>.</p> -<pre><html> -<head> -<title>esempio sul parametro evento</title> - -<script type="text/javascript"> - -function mostraCoordinate(evt){ - alert( - "valore clientX: " + evt.clientX + "\n" + - "valore clientY: " + evt.clientY + "\n" - ); -} - -</script> -</head> - -<body onmousedown="mostraCoordinate(event)"> -<p>Per conoscere le coordinate della posizione del mouse, clicca in qualunque punto di questa pagina.</p> -</body> -</html> -</pre> -<p>Utilizzando l'oggetto <code>event</code> predefinito è possibile passare altri parametri alla funzione, come mostrato nel seguente esempio:</p> -<pre><html> -<head> -<title>esempio sul parametro evento + parametri extra</title> - -<script type="text/javascript"> - -var par2 = 'ciao'; -var par3 = 'mondo!'; - -function mostraCoordinate(evt, p2, p3){ - alert( - "valore clientX: " + evt.clientX + "\n" - + "valore clientY: " + evt.clientY + "\n" - + "parametro 2: " + p2 + "\n" - + "parametro 3: " + p3 + "\n" - ); -} - -</script> -</head> - -<body onmousedown="mostraCoordinate(event, par2, par3)"> -<p>Per conoscere le coordinate della posizione del mouse e visualizzare un saluto al mondo, clicca in qualunque punto di questa pagina.</p> -</body> -</html> -</pre> -<h3 id="Propriet.C3.A0" name="Propriet.C3.A0">Proprietà</h3> -<dl> - <dt> - <a href="it/DOM/event.altKey">event.altKey</a></dt> - <dd> - Restituisce un booleano che indica se il tasto <code><alt></code> è stato premuto durante l'evento.</dd> - <dt> - <a href="it/DOM/event.bubbles">event.bubbles</a></dt> - <dd> - Restituisce un booleano che indica se l'evento emerge dal DOM.</dd> - <dt> - <a href="it/DOM/event.button">event.button</a></dt> - <dd> - Restituisce un intero che indica quale tasto del mouse è stato premuto.</dd> - <dt> - <a href="it/DOM/event.cancelBubble">event.cancelBubble</a></dt> - <dd> - {{ Deprecated_inline() }} Restituisce un booleano che indica se l'evento è stato cancellato.</dd> - <dt> - <a href="it/DOM/event.cancelable">event.cancelable</a></dt> - <dd> - Restituisce un booleano che indica se l'evento è cancellabile.</dd> - <dt> - <a href="it/DOM/event.charCode">event.charCode</a></dt> - <dd> - Restituisce il tasto carattere che è stato premuto e che ha scatenato l'evento <a href="it/DOM/event/keypress">keypress</a>.</dd> - <dt> - <a href="it/DOM/event.clientX">event.clientX</a></dt> - <dd> - Restituisce la posizione orizzontale del puntatore del mouse.</dd> - <dt> - <a href="it/DOM/event.clientY">event.clientY</a></dt> - <dd> - Restituisce la posizione verticale del puntatore del mouse.</dd> - <dt> - <a href="it/DOM/event.ctrlKey">event.ctrlKey</a></dt> - <dd> - Restituisce un booleano che indica se il tasto <code><ctrl></code> è stato premuto durante l'evento.</dd> - <dt> - <a href="it/DOM/event.currentTarget">event.currentTarget</a></dt> - <dd> - Restituisce un riferimento all'elemento a cui appartiene l'evento.</dd> - <dt> - <a href="it/DOM/event.detail">event.detail</a></dt> - <dd> - Restituisce alcuni dettagli sull'evento.</dd> - <dt> - <a href="it/DOM/event.eventPhase">event.eventPhase</a></dt> - <dd> - Indica in quale fase si trova il flusso dell'elaborazione degli eventi.</dd> - <dt> - <a href="it/DOM/event.explicitOriginalTarget">event.explicitOriginalTarget</a></dt> - <dd> - Restituisce l'elemento dal quale ha avuto origine l'evento (solo Mozilla).</dd> - <dt> - <a href="it/DOM/event.isChar">event.isChar</a></dt> - <dd> - Restituisce un booleano che indica se l'evento è stato causato dalla pressione di un tasto carattere.</dd> - <dt> - <a href="it/DOM/event.keyCode">event.keyCode</a></dt> - <dd> - Restituisce un valore Unicode per un tasto non carattere che è stato premuto.</dd> - <dt> - <a href="it/DOM/event.layerX">event.layerX</a></dt> - <dd> - Restituisce la coordinata orizzontale relativa al layer corrente.</dd> - <dt> - <a href="it/DOM/event.layerY">event.layerY</a></dt> - <dd> - Restituisce la coordinata verticale relativa al layer corrente.</dd> - <dt> - <a href="it/DOM/event.metaKey">event.metaKey</a></dt> - <dd> - Restituisce un booleano che indica se il tasto <code>meta</code> è stato premuto durante l'evento.</dd> - <dt> - <a href="it/DOM/event.originalTarget">event.originalTarget</a></dt> - <dd> - Restituisce l'elemento dal quale ha avuto origine l'evento (solo Mozilla).</dd> - <dt> - <a href="it/DOM/event.pageX">event.pageX</a></dt> - <dd> - Restituisce la coordinata orizzontale relativa alla pagina.</dd> - <dt> - <a href="it/DOM/event.pageY">event.pageY</a></dt> - <dd> - Restituisce la coordinata verticale relativa alla pagina.</dd> - <dt> - <a href="it/DOM/event.relatedTarget">event.relatedTarget</a></dt> - <dd> - Identifica un elemento secondario legato all'evento.</dd> - <dt> - <a href="it/DOM/event.screenX">event.screenX</a></dt> - <dd> - Restituisce la posizione orizzontale relativa allo schermo.</dd> - <dt> - <a href="it/DOM/event.screenY">event.screenY</a></dt> - <dd> - Restituisce la posizione verticale relativa allo schermo.</dd> - <dt> - <a href="it/DOM/event.shiftKey">event.shiftKey</a></dt> - <dd> - Restituisce un booleano che indica se il tasto <code><shift></code> è stato premuto durante l'evento.</dd> - <dt> - <a href="it/DOM/event.target">event.target</a></dt> - <dd> - Restituisce un riferimento all'elemento al quale l'evento era legato originariamente.</dd> - <dt> - <a href="it/DOM/event.timeStamp">event.timeStamp</a></dt> - <dd> - Restituisce il timestamp nel quale l'evento è stato scatenato.</dd> - <dt> - <a href="it/DOM/event.type">event.type</a></dt> - <dd> - Restituisce il nome dell'evento (case-insensitive).</dd> - <dt> - <a href="it/DOM/event.view">event.view</a></dt> - <dd> - Identifica l'<code>AbstractView</code> dal quale l'evento è stato generato.</dd> - <dt> - <a href="it/DOM/event.which">event.which</a></dt> - <dd> - Restituisce il valore Unicode del tasto che è stato premuto, indipendentemente da quale tipo di tasto sia stato premuto.</dd> -</dl> -<h3 id="Metodi" name="Metodi">Metodi</h3> -<dl> - <dt> - <a href="it/DOM/event.initEvent">event.initEvent</a></dt> - <dd> - Inizializza il valore di un evento che è stato creato tramite l'interfaccia <code>DocumentEvent</code>.</dd> - <dt> - <a href="it/DOM/event.initKeyEvent">event.initKeyEvent</a></dt> - <dd> - Inizializza un evento legato alla tastiera (specifico di Gecko).</dd> - <dt> - <a href="it/DOM/event.initMouseEvent">event.initMouseEvent</a></dt> - <dd> - Inizializza un evento legato al mouse</dd> - <dt> - <a href="it/DOM/event.initUIEvent">event.initUIEvent</a></dt> - <dd> - Inizializza un evento legato all'interfaccia utente</dd> - <dt> - <a href="it/DOM/event.preventBubble">event.preventBubble</a></dt> - <dd> - {{ Obsolete_inline() }} Previene l'emergere di un evento. Questo metodo è deprecato in favore dello standard <a href="it/DOM/event.stopPropagation">stopPropagation</a> ed è stato rimosso in Gecko 1.9.</dd> - <dt> - <a href="it/DOM/event.preventCapture">event.preventCapture</a></dt> - <dd> - {{ Obsolete_inline() }} Questo metodo è deprecato in favore dello standard <a href="it/DOM/event.stopPropagation">stopPropagation</a> ed è stato rimosso in Gecko 1.9.</dd> - <dt> - <a href="it/DOM/event.preventDefault">event.preventDefault</a></dt> - <dd> - Cancella l'evento (se è cancellabile).</dd> - <dt> - <a href="it/DOM/event.stopPropagation">event.stopPropagation</a></dt> - <dd> - Arresta un'ulteriore propagazione degli eventi DOM.</dd> -</dl> -<div class="noinclude"> - </div> -<p>{{ languages( { "en": "en/DOM/event", "es": "es/DOM/event", "fr": "fr/DOM/event", "pl": "pl/DOM/event" } ) }}</p> diff --git a/files/it/web/api/event/preventdefault/index.html b/files/it/web/api/event/preventdefault/index.html deleted file mode 100644 index 040257b4a3..0000000000 --- a/files/it/web/api/event/preventdefault/index.html +++ /dev/null @@ -1,176 +0,0 @@ ---- -title: Event.preventDefault() -slug: Web/API/Event/preventDefault -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Event/preventDefault ---- -<div>{{ ApiRef("DOM") }}</div> - -<p>Il metodo <code><strong>preventDefault()</strong></code> dell'interfaccia {{domxref("Event")}} dice all'{{Glossary("user agent")}} che se l'evento non viene esplicitamente gestito, la sua azione predefinita non dovrebbe essere presa come normalmente. L'evento continua a propagarsi come al solito, a meno che uno dei suoi listener di eventi non chiami {{domxref("Event.stopPropagation", "stopPropagation()")}} o {{domxref("Event.stopImmediatePropagation", "stopImmediatePropagation()")}}, uno dei due interrompa la propagazione contemporaneamente.</p> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="syntaxbox"><em>Event</em>.preventDefault();</pre> - -<h3 id="Parametri">Parametri</h3> - -<p>Nessuno.</p> - -<h3 id="Valore_di_ritorno">Valore di ritorno</h3> - -<p><code>undefined</code>.</p> - -<h2 id="Esempi">Esempi</h2> - -<h3 id="Blocco_della_gestione_dei_click_predefinita">Blocco della gestione dei click predefinita</h3> - -<p>La commutazione di una casella di controllo è l'azione predefinita di fare click su una casella di controllo. Questo esempio mostra come impedire che ciò accada:</p> - -<h4 id="JavaScript">JavaScript</h4> - -<pre class="brush: js">document.querySelector("#id-checkbox").addEventListener("click", function(event) { - document.getElementById("output-box").innerHTML += "Mi dispiace! <code>preventDefault()</code> non ti lascerà controllare questo!<br>"; - event.preventDefault(); -}, false);</pre> - -<h4 id="HTML">HTML</h4> - -<pre class="brush: html"><p>Si prega di fare click sul controllo casella di controllo.</p> - -<form> - <label for="id-checkbox">Checkbox:</label> - <input type="checkbox" id="id-checkbox"/> -</form> - -<div id="output-box"></div></pre> - -<h4 id="Risultato">Risultato</h4> - -<p>Puoi vedere questo in azione qui:</p> - -<p>{{EmbedLiveSample("Blocking_default_click_handling")}}</p> - -<h3 id="Interruzione_delle_sequenze_di_tasti_per_raggiungere_un_campo_di_modifica">Interruzione delle sequenze di tasti per raggiungere un campo di modifica</h3> - -<p>L'esempio seguente dimostra come interrompere l'input di testo non valido per raggiungere il campo di input con <code>preventDefault()</code>. Al giorno d'oggi, di solito dovresti usare <a href="/it-US/docs/Learn/HTML/Forms/Form_validation">convalida del modulo HTML nativo</a>.</p> - -<h4 id="HTML_2">HTML</h4> - -<p>Ecco il modulo:</p> - -<pre class="brush: html"><div class="container"> - <p>Inserisci il tuo nome utilizzando solo lettere minuscole.</p> - - <form> - <input type="text" id="my-textbox"> - </form> -</div></pre> - -<h4 id="CSS">CSS</h4> - -<p>Usiamo un po' di CSS per la finestra di avviso che disegneremo quando l'utente preme una chiave non valida:</p> - -<pre class="brush: css">.warning { - border: 2px solid #f39389; - border-radius: 2px; - padding: 10px; - position: absolute; - background-color: #fbd8d4; - color: #3b3c40; -}</pre> - -<h4 id="JavaScript_2">JavaScript</h4> - -<p>Ed ecco il codice JavaScript che fa il lavoro. Per prima cosa, ascolta gli eventi {{event("keypress")}}:</p> - -<pre class="brush: js">var myTextbox = document.getElementById('my-textbox'); -myTextbox.addEventListener('keypress', checkName, false); -</pre> - -<p>La funzione <code>checkName()</code>, che controlla il tasto premuto e decide se permetterlo:</p> - -<pre class="brush: js">function checkName(evt) { - var charCode = evt.charCode; - if (charCode != 0) { - if (charCode < 97 || charCode > 122) { - evt.preventDefault(); - displayWarning( - "Per favore usa solo lettere minuscole." - + "\n" + "charCode: " + charCode + "\n" - ); - } - } -} -</pre> - -<p>la funzione <code>displayWarning()</code> presenta la notifica di un problema. Non è una funzione elegante ma fa il lavoro ai fini di questo esempio:</p> - -<pre class="brush: js">var warningTimeout; -var warningBox = document.createElement("div"); -warningBox.className = "warning"; - -function displayWarning(msg) { - warningBox.innerHTML = msg; - - if (document.body.contains(warningBox)) { - window.clearTimeout(warningTimeout); - } else { - // inserisci warningBox dopo myTextbox - myTextbox.parentNode.insertBefore(warningBox, myTextbox.nextSibling); - } - - warningTimeout = window.setTimeout(function() { - warningBox.parentNode.removeChild(warningBox); - warningTimeout = -1; - }, 2000); -}</pre> - -<h4 id="Risultato_2">Risultato</h4> - -<p>Ecco il risultato del codice precedente:</p> - -<p>{{ EmbedLiveSample('Stopping_keystrokes_from_reaching_an_edit_field', 600, 200) }}</p> - -<h2 id="Note">Note</h2> - -<p>Chiamando <code>preventDefault()</code> durante qualsiasi fase del flusso di eventi annulla l'evento, il che significa che non verrà eseguita alcuna azione predefinita normalmente eseguita dall'implementazione come risultato dell'evento.</p> - -<div class="note"> -<p>A partire da {{Gecko("6.0")}}, chiamare <code>preventDefault()</code> fa sì che il valore della proprietà {{ domxref("Event.defaultPrevented()") }} diventi <code>true</code>.</p> -</div> - -<p>Puoi utilizzare {{domxref("Event.cancelable")}} per verificare se l'evento è cancellabile. Chiamare <code>preventDefault()</code> per un evento non cancellabile non ha alcun effetto.</p> - -<h2 id="Specifications" name="Specifications">Specifiche</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specifica</th> - <th scope="col">Stato</th> - <th scope="col">Commento</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('DOM WHATWG', '#dom-event-preventdefault', 'Event.preventDefault()')}}</td> - <td>{{ Spec2('DOM WHATWG') }}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM2 Events', '#Events-Event-preventDefault', 'Event.preventDefault()')}}</td> - <td>{{ Spec2('DOM2 Events') }}</td> - <td>Definizione iniziale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Event.preventDefault")}}</p> diff --git a/files/it/web/api/event/stoppropagation/index.html b/files/it/web/api/event/stoppropagation/index.html deleted file mode 100644 index 1eef27bf30..0000000000 --- a/files/it/web/api/event/stoppropagation/index.html +++ /dev/null @@ -1,60 +0,0 @@ ---- -title: Event.stopPropagation() -slug: Web/API/Event/stopPropagation -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Event/stopPropagation ---- -<p>{{APIRef("DOM")}}</p> - -<p><span class="seoSummary">Il metodo <code><strong>stopPropagation()</strong></code> dell'interfaccia {{domxref("Event")}} impedisce un'ulteriore propagazione dell'evento corrente nelle fasi di cattura e bubbling.</span></p> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="syntaxbox"><em>event</em>.stopPropagation();</pre> - -<h2 id="Esempio">Esempio</h2> - -<p>Vedi Esempio 5: <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Examples#Example_5:_Event_Propagation">Propagazione degli eventi</a> nel capitolo degli Esempi per un esempio più dettagliato di questo metodo e la propagazione degli eventi nel DOM.</p> - -<h2 id="Note">Note</h2> - -<p>Vedi la <a href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow-capture">specificazione DOM</a> per la spiegazione del flusso di eventi. (La <a href="http://www.w3.org/TR/DOM-Level-3-Events/#event-flow">bozza degli eventi di DOM Level 3"</a> ha un'illustrazione.)</p> - -<p><a href="https://developer.mozilla.org/it/docs/Web/API/Event/preventDefault">preventDefault</a> è un metodo complementare che può essere utilizzato per impedire l'azione predefinita dall'evento.</p> - -<h2 id="Specifiche">Specifiche</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th>Specifica</th> - <th>Stato</th> - <th>Commento</th> - </tr> - <tr> - <td>{{SpecName("DOM WHATWG", "#dom-event-stoppropagation", "Event.stopPropagation()")}}</td> - <td>{{Spec2("DOM WHATWG")}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("DOM4", "#dom-event-stoppropagation", "Event.stopPropagation()")}}</td> - <td>{{Spec2("DOM4")}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("DOM2 Events", "#Events-Event-stopPropagation", "Event.stopPropagation()")}}</td> - <td>{{Spec2("DOM2 Events")}}</td> - <td>Definzione iniziale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Event.stopPropagation")}}</p> diff --git a/files/it/web/api/event/timestamp/index.html b/files/it/web/api/event/timestamp/index.html deleted file mode 100644 index d01ab1986a..0000000000 --- a/files/it/web/api/event/timestamp/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: event.timeStamp -slug: Web/API/Event/timeStamp -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Event/timeStamp ---- -<p>{{ ApiRef() }}</p> -<h3 id="Sommario" name="Sommario">Sommario</h3> -<p>Restituisce il timestamp (cioè il numero di millisecondi trascorsi dalla Unix Epoch, le ore 00:00:00 del 1/1/1970) corrispondente al momento in cui si è verificato l'evento.</p> -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> -<pre class="eval"><i>ts</i> = event.timeStamp -</pre> -<h3 id="Esempio" name="Esempio">Esempio</h3> -<pre><html> -<head> - -<title>esempio di timeStamp</title> - -<script type="text/javascript"> -var ora = null; - -function leggiOrario(evt) { - ora = evt.timeStamp; - document.getElementById("time").firstChild.nodeValue = ora; -} -</script> -</head> - -<body onkeypress="leggiOrario(event)"> - -<p>Premi un tasto per conoscere il timestamp corrente grazie all'evento onkeypress.</p> -<p>timeStamp: <span id="time">-</span></p> - -</body> -</html> -</pre> -<h3 id="Note" name="Note">Note</h3> -<p>Il sistema di eventi potrebbe non supportare questa proprietà per ogni possibile tipo di evento.</p> -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> -<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-timeStamp">timestamp </a></p> -<p>{{ languages( { "en": "en/DOM/event.timeStamp", "pl": "pl/DOM/event.timeStamp" } ) }}</p> diff --git a/files/it/web/api/event/type/index.html b/files/it/web/api/event/type/index.html deleted file mode 100644 index 108e944059..0000000000 --- a/files/it/web/api/event/type/index.html +++ /dev/null @@ -1,50 +0,0 @@ ---- -title: event.type -slug: Web/API/Event/type -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Event/type ---- -<p>{{ ApiRef() }}</p> -<h3 id="Sommario" name="Sommario">Sommario</h3> -<p>Restituisce il nome dell'evento (case-insensitive).</p> -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> -<pre class="eval"><i>stringa</i> = event.type -</pre> -<h3 id="Esempio" name="Esempio">Esempio</h3> -<pre><html> -<head> - -<title>esempio su event.type</title> - -<script type="text/javascript"> -var eventoCorrente = null; - -function tipoEvento(evt) { - eventoCorrente = evt.type; - document.getElementById("Etype").firstChild.nodeValue = eventoCorrente; -} - -</script> -</head> - -<body - onkeydown="tipoEvento(event)" - onkeyup="tipoEvento(event)" - onmousedown="tipoEvento(event)" - onmouseup="tipoEvento(event)"> - -<p>Premi un tasto della tastiera o del mouse per visualizzare il nome dell'evento.</p> -<p>Tipo evento: <span id="Etype">-</span></p> - -</body> -</html> -</pre> -<h3 id="Note" name="Note">Note</h3> -<p>Il è un nome XML valido.</p> -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> -<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Events-20001113/events.html#Events-Event-type">type </a></p> -<p>{{ languages( { "en": "en/DOM/event.type", "pl": "pl/DOM/event.type" } ) }}</p> |