Fare clic su Attributo evento HTML

❮ Attributi degli eventi HTML

Esempio

Esegui un JavaScript quando si fa clic su un pulsante:

<button onclick="myFunction()">Click me</button>

Altri esempi "Provalo da solo" di seguito.


Definizione e utilizzo

L'attributo onclick si attiva con un clic del mouse sull'elemento.


Supporto browser

Event Attribute
onclick Yes Yes Yes Yes Yes

Sintassi

<element onclick="script">

Valori di attributo

Value Description
script The script to be run on onclick

Dettagli tecnici

Tag HTML supportati: Tutti gli elementi HTML, TRANNE: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title>

Altri esempi

Esempio

Fare clic su un elemento <p> per cambiarne il colore del testo in rosso:

<p id="demo" onclick="myFunction()">Click me to change my text color.</p>

<script>
function myFunction() {
  document.getElementById("demo").style.color = "red";
}
</script>

Esempio

Fare clic su un pulsante per copiare del testo da un campo di input a un altro campo di input:

<button onclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
  document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>

Pagine correlate

Riferimento HTML DOM: evento onclick


❮ Attributi degli eventi HTML