Atributo de evento onclick HTML
Ejemplo
Ejecute un JavaScript cuando se haga clic en un botón:
<button onclick="myFunction()">Click me</button>
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El atributo onclick se activa al hacer clic con el mouse en el elemento.
Compatibilidad con navegador
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |
Sintaxis
<element onclick="script">
Valores de atributo
| Value | Description |
|---|---|
| script | The script to be run on onclick |
Detalles técnicos
| Etiquetas HTML compatibles: | Todos los elementos HTML, EXCEPTO: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> y <title> |
|---|
Más ejemplos
Ejemplo
Haga clic en un elemento <p> para cambiar su color de texto a rojo:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Ejemplo
Haga clic en un botón para copiar texto de un campo de entrada a otro campo de entrada:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
páginas relacionadas
Referencia HTML DOM: evento onclick
❮ Atributos de eventos HTML