Exemplo
Executar um JavaScript quando um botão é clicado:
<button onclick="myFunction()">Click me</button> Tente você mesmo " Mais "Tente você mesmo" exemplos abaixo.
Definição e Uso
O onclick atribuir incêndios em um clique do mouse sobre o elemento.
Suporte a navegadores
| atributo do evento | |||||
|---|---|---|---|---|---|
| onclick | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
Nenhum.
Sintaxe
<elementonclick=" script ">
Os valores dos atributos
| Valor | Descrição |
|---|---|
| script | O script para ser executado em onclick |
Detalhes técnicos
| tags HTML suportados: | Todos os elementos HTML, salvo: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title> |
|---|
mais Exemplos
Exemplo
Clique em um <p> elemento para mudar sua cor de 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>
Tente você mesmo " Exemplo
Clique em um botão para copiar um 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>
Tente você mesmo " Páginas relacionadas
HTML DOM de referência: onclick event