L'evento onClick viene attivato, o licenziato, ogni volta che un elemento HTML in una pagina si fa clic da parte dell'utente. Con la definizione di un gestore onclick su un elemento, il web designer può specificare un'azione specifica da prendere quando si fa clic. Un gestore onClick viene definito specificando l'attributo onClick per quell'elemento. Ad esempio, facendo clic su un pulsante potrebbe innescare l'apertura di una nuova pagina web.

istruzione

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. Si noti l'uso delle virgolette singole per le stringhe all'interno del codice JavaScript per evitare conflitti con le doppie virgolette 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 alla proprietà onclick dell'elemento, come segue:
my_element.onClick = function () { alert ("I was clicked."); };

4 Specifica 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 sarà chiamato ogni volta che uno dei suoi elementi secondari viene cliccato. Ci sono modi per rilevare quale elemento è stato effettivamente fatto clic, ma questi sono di là della portata di questo articolo specifico del browser.

Consigli e avvertenze

• Il onClick attributo non è case sensitive-- onclick avrebbe funzionato altrettanto bene.
• Se si specifica un gestore onclick su un a elemento (collegamento ipertestuale), quando verranno eseguiti vostro gestore l'utente fa clic su tale elemento non solo, ma il browser cercherà anche di saltare l'URL specificato dal href attributo. Per evitare questo, specificare href="#" .