Atributo de evento onclick HTML
Exemplo
Execute um JavaScript quando um botão é clicado:
<button onclick="myFunction()">Click me</button>
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O atributo onclick é acionado com um clique do mouse no elemento.
Suporte ao navegador
Event Attribute | |||||
---|---|---|---|---|---|
onclick | Yes | Yes | Yes | Yes | Yes |
Sintaxe
<element onclick="script">
Valores de atributo
Value | Description |
---|---|
script | The script to be run on onclick |
Detalhes técnicos
Tags HTML suportadas: | Todos os elementos HTML, EXCETO: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> e <title> |
---|
Mais exemplos
Exemplo
Clique em um elemento <p> para alterar a cor do texto para vermelho:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Exemplo
Clique em um botão para copiar algum texto de um campo de entrada para outro campo de entrada:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Páginas relacionadas
Referência HTML DOM: evento onclick
❮ Atributos de evento HTML