HTML -onclick- Ereignisattribut
Beispiel
Führen Sie ein JavaScript aus, wenn auf eine Schaltfläche geklickt wird:
<button onclick="myFunction()">Click me</button>
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das onclick-Attribut wird bei einem Mausklick auf das Element ausgelöst.
Browser-Unterstützung
| Event Attribute | |||||
|---|---|---|---|---|---|
| onclick | Yes | Yes | Yes | Yes | Yes |
Syntax
<element onclick="script">
Attributwerte
| Value | Description |
|---|---|
| script | The script to be run on onclick |
Technische Details
| Unterstützte HTML-Tags: | Alle HTML-Elemente, AUSSER: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> und <title> |
|---|
Mehr Beispiele
Beispiel
Klicken Sie auf ein <p>-Element, um seine Textfarbe in Rot zu ändern:
<p id="demo" onclick="myFunction()">Click me to change my text color.</p>
<script>
function myFunction() {
document.getElementById("demo").style.color = "red";
}
</script>
Beispiel
Klicken Sie auf eine Schaltfläche, um Text aus einem Eingabefeld in ein anderes Eingabefeld zu kopieren:
<button onclick="myFunction()">Copy Text</button>
<script>
function myFunction() {
document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Verwandte Seiten
HTML-DOM-Referenz: onclick-Ereignis
❮ HTML-Ereignisattribute