Das
onclick-Ereignis ist ein Ereignishandler in JavaScript, mit dem Code angegeben wird, der ausgeführt werden soll, wenn auf ein Element geklickt wird. Die Schritte sind wie folgt: 1. Element auswählen, 2. Onclick-Attribut festlegen, 3. Funktion definieren. Zu den Aktionen, die Sie mit dem onclick-Ereignis ausführen können, gehören das Ändern von Stilen, das Auslösen der Navigation, das Öffnen modaler Fenster, das Validieren von Formularen und das Senden von Daten.
So schreiben Sie ein Onclick-Ereignis in JavaScript
Das Onclick-Ereignis ist ein wichtiger Ereignishandler in JavaScript, mit dem wir den Code angeben können, der ausgeführt werden soll, wenn auf ein Element geklickt wird.
Syntax:
<code>element.onclick = function() { // 执行代码 };</code>
Schritte:
Beispiel:
Im folgenden Beispiel erstellen wir eine Schaltfläche und fügen einen Onclick-Ereignishandler hinzu, der die Hintergrundfarbe der Seite ändert, wenn auf die Schaltfläche geklickt wird:
<code><button id="myButton">点击我</button> <script> const button = document.getElementById("myButton"); button.onclick = function() { document.body.style.backgroundColor = "blue"; }; </script></code>
Andere Verwendungen:
In Zusätzlich zum Ändern von Stilen kann das Onclick-Ereignis verwendet werden, um:
Hinweis: