HTML onclick gebeurteniskenmerk
Voorbeeld
Voer een JavaScript uit wanneer er op een knop wordt geklikt:
<button onclick="myFunction()">Click me</button>
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
Het attribuut onclick wordt geactiveerd door een muisklik op het element.
Browserondersteuning
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |
Syntaxis
<element onclick="script">
Attribuutwaarden
| Value | Description |
|---|---|
| script | The script to be run on onclick |
Technische details
| Ondersteunde HTML-tags: | Alle HTML-elementen, BEHALVE: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> en <title> |
|---|
Meer voorbeelden
Voorbeeld
Klik op een <p> element om de tekstkleur te veranderen in rood:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Voorbeeld
Klik op een knop om wat tekst van een invoerveld naar een ander invoerveld te kopiëren:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Gerelateerde pagina's
HTML DOM-referentie: onclick-gebeurtenis
❮ HTML-gebeurteniskenmerken