Neueste Web-Entwicklung Tutorials
 

HTML Ereignis OnClick Attribut

<HTML Event - Attribute

Beispiel

Führen Sie einen JavaScript, wenn eine Schaltfläche geklickt wird:

<button onclick="myFunction()">Click me</button>
Versuch es selber "

Mehr "Versuchen Sie es selbst" Beispiele unten.


Definition und Verwendung

Das onclick - Attribut Feuer auf einem Mausklick auf das Element.


Browser-Unterstützung

Ereignisattribut
onclick ja ja ja ja ja

Unterschiede zwischen HTML 4.01 und HTML5

Keiner.


Syntax

<elementonclick=" script ">

Werte Attribut

Wert Beschreibung
script Das Skript zu Onclick laufen auf

Technische Details

Unterstützte HTML-Tags: Alle HTML - Elemente, AUSSER: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, and <title>

Mehr Beispiele

Beispiel

Klicken Sie auf ein <p> Element auf seine Textfarbe auf rot:

<p id="demo" onclick="myFunction()">Click me to change my text color.</p>

<script>
function myFunction() {
    document.getElementById("demo").style.color = "red";
}
</script>
Versuch es selber "

Beispiel

Klicken Sie auf eine Schaltfläche, einen Text aus einem Eingabefeld zu einem anderen Eingabefeld kopieren:

<button onclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
    document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>
Versuch es selber "

Verwandte Seiten

HTML - DOM - Referenz: onclick event - onclick event


<HTML Event - Attribute