HTML onclick atribut události
Příklad
Po kliknutí na tlačítko spusťte JavaScript:
<button onclick="myFunction()">Click me</button>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Atribut onclick se spustí při kliknutí myší na prvek.
Podpora prohlížeče
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |
Syntax
<element onclick="script">
Hodnoty atributů
| Value | Description |
|---|---|
| script | The script to be run on onclick |
Technické údaje
| Podporované HTML tagy: | Všechny prvky HTML, KROMĚ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> a <title> |
|---|
Další příklady
Příklad
Kliknutím na prvek <p> změníte barvu jeho textu na červenou:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Příklad
Kliknutím na tlačítko zkopírujete text ze vstupního pole do jiného vstupního pole:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Související stránky
Odkaz HTML DOM: událost onclick
❮ Atributy události HTML