Wie schreibe ich ein Onclick-Ereignis in js?

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:

1. Elemente auswählen: Verwenden Sie einen JavaScript-Selektor, um das Element auszuwählen, dem Sie einen Ereignishandler hinzufügen möchten.
2. Legen Sie das Onclick-Attribut fest: Legen Sie das Onclick-Attribut für das ausgewählte Element fest. Der Wert dieses Attributs ist eine Funktion, die ausgeführt wird, wenn auf das Element geklickt wird.
3. Definieren Sie die Funktion: In der Onclick-Funktion definieren Sie den Code, den Sie ausführen möchten, wenn auf das Element geklickt wird.

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:

• Navigation auszulösen
• Ein modales Fenster zu öffnen
• Das Formular zu validieren
• Daten zu übermitteln

Hinweis:

• Stellen Sie sicher, dass Sie es im angeben JavaScript-Datei