Wie schreibe ich ein Onclick-Ereignis in js?-js-Tutorial-php.cn

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.

Wie schreibe ich ein Onclick-Ereignis in js?

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>

Nach dem Login kopieren

Schritte:

Elemente auswählen: Verwenden Sie einen JavaScript-Selektor, um das Element auszuwählen, dem Sie einen Ereignishandler hinzufügen möchten.
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.
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>

Nach dem Login kopieren

Andere Verwendungen:

In Zusätzlich zum Ändern von Stilen kann das Onclick-Ereignis verwendet werden, um: