Ejemplo
Ejecutar un JavaScript cuando se hace clic en un botón:
<button onclick="myFunction()">Click me</button>
Inténtalo tú mismo " Más "hacerlo por uno mismo" ejemplos a continuación.
Definición y Uso
El onclick atributo de incendios en un clic del ratón sobre el elemento.
Soporte para el navegador
Atributo evento | |||||
---|---|---|---|---|---|
onclick | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
Ninguna.
Sintaxis
<elementonclick=" script ">
Los valores de atributo
Valor | Descripción |
---|---|
script | La secuencia de comandos para ejecutar en onclick |
Detalles técnicos
etiquetas HTML compatibles: | Todos los elementos HTML, excepto: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
---|
Más ejemplos
Ejemplo
Haga clic en un <p> elemento para cambiar su color a rojo texto:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Inténtalo tú mismo " Ejemplo
Haga clic en un botón para copiar un 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>
Inténtalo tú mismo " Páginas relacionadas
Referencia HTML DOM: onclick event