Nwlapcug.com


Come utilizzare OnClick in JavaScript

L'evento onClick viene innescato, o licenziato, ogni volta che l'utente fa clic su un elemento HTML in una pagina. Mediante la definizione di un gestore onClick su un elemento, il web designer può specificare un'azione specifica da intraprendere quando viene fatto clic. Specificando l'attributo onClick per quell'elemento viene definito un gestore onClick. Per esempio, facendo clic su un pulsante potrebbe innescare l'apertura di una nuova pagina web.

Istruzioni

Utilizzare OnClick in JavaScript

1

Determinare l'elemento per il quale si desidera specificare un gestore onClick.

2

Specificare il gestore onClick dando quell'elemento un attributo onClick come segue. Nota l'uso di virgolette singole per le stringhe all'interno del codice JavaScript per evitare in conflitto con le virgolette doppie utilizzate per il valore dell'attributo.
onclick="alert('You clicked me!')"

3

Specificare il gestore onClick, in alternativa, utilizzando script per assegnare una funzione JavaScript per la proprietà di onClick dell'elemento, come illustrato di seguito:
my_element.onClick = function () { alert ("I was clicked."); };

4

Specificare il gestore onClick a un livello superiore della gerarchia dell'elemento HTML, se più conveniente. Per esempio, un gestore onClick specificato su un DIV elemento verrà chiamato ogni volta che uno qualsiasi dei relativi elementi figlio è cliccato. Ci sono modi per rilevare quale elemento è stato effettivamente fatto clic, ma queste sono specifiche del browser e oltre la portata di questo articolo.

Consigli & Avvertenze

  • Il onClick attributo non è case sensitive... onclick avrebbe funzionato altrettanto bene.
  • Se si specifica un gestore onClick su un a elemento (hyperlink), quando l'utente fa clic su quell'elemento non solo il gestore verrà eseguito, ma il browser cercherà anche di saltare all'URL specificato dal href attributo. Per evitare questo problema, specificare href="#" .