Wie kann der sofortige Aufruf der Javascript-OnClickListener-Funktion während der Anker-Tag-Erstellung verhindert werden?

Javascript OnClickListener-Funktion wird sofort ausgelöst

Beim Versuch, ein Anker-Tag zu erstellen, das das Aussehen eines herkömmlichen Links nachahmt, aber eher eine Funktion auslöst als Beim Weiterleiten auf eine neue Seite wird die Onclick-Funktion unabhängig von der Benutzereingabe beim Erstellen des Links aufgerufen. Dies verhindert ein späteres manuelles Anklicken des Links.

Das Problem liegt in der unsachgemäßen Implementierung der Onclick-Funktion. Anstatt die eigentliche Funktion selbst zuzuweisen (secondFunction()), besteht die richtige Syntax darin, auf die Funktion zu verweisen (secondFunction). Dadurch wird sichergestellt, dass die Funktion nur aufgerufen wird, wenn das Onclick-Ereignis auftritt, nicht bei seiner Deklaration.

Um dies zu beheben, ersetzen Sie:

<code class="javascript">sentNode.setAttribute('onclick', secondFunction());</code>

durch:

<code class="javascript">sentNode.onclick = secondFunction();</code>

Dadurch wird ein Verweis auf die Funktion „secondFunction“ übergeben, sodass diese aufgerufen werden kann, wenn darauf geklickt wird. Der korrigierte Code sollte wie folgt aussehen:

<code class="javascript">function startFunction() {
    var sentNode = document.createElement('a');
        sentNode.setAttribute('href', "#");
        sentNode.onclick = secondFunction;  // Assign the function reference
        sentNode.innerHTML = "Sent Items";

    //Add new element to parent
    var parentNode = document.getElementById('parent');
    var childNode = document.getElementById('sendNode');
    parentNode.insertBefore(sentNode, childNode);
}</code>

Durch Befolgen dieser Schritte wird die Onclick-Funktion korrekt zugewiesen, sodass der Link wie vorgesehen funktioniert, ohne dass bei seiner Erstellung ein sofortiger Aufruf erforderlich ist.

Das obige ist der detaillierte Inhalt vonWie kann der sofortige Aufruf der Javascript-OnClickListener-Funktion während der Anker-Tag-Erstellung verhindert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!