Warum wird der Onclick-Handler beim Laden der Seite ausgelöst und nicht beim Klicken auf den Link?

Javascript: Unerwarteter Aufruf des onclick-Handlers

Beim Versuch, einen Link zu erstellen, der einem Ankertag ähnelt, aber eine benutzerdefinierte Funktion ausführt, wird der onclick Die Funktion wird sofort beim Laden der Seite aufgerufen, wodurch nachfolgende Klicks unwirksam werden.

Erklärung:

Im bereitgestellten Codeausschnitt:

<code class="javascript">var sendNode = document.createElement('a');
sendNode.setAttribute('onclick', secondFunction());</code>

Die Zeile setAttribute('onclick', secondFunction()) ist falsch. Es führt sofort die Funktion „secondFunction“ aus und weist ihren Rückgabewert (normalerweise undefiniert) dem Attribut „onclick“ zu. Dies führt zum sofortigen Aufruf der zweiten Funktion.

Lösung:

Um die zweite Funktion korrekt als Ereignishandler zuzuweisen, lautet die richtige Syntax:

<code class="javascript">var sendNode = document.createElement('a');
sendNode.setAttribute('onclick', secondFunction);</code>

Dadurch wird ein Ereignis-Listener erstellt, der auf ein Klickereignis für das Element wartet, bevor er die zweite Funktion aufruft.

Das obige ist der detaillierte Inhalt vonWarum wird der Onclick-Handler beim Laden der Seite ausgelöst und nicht beim Klicken auf den Link?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!