Hier sind einige fragenbasierte Titel für Ihren bereitgestellten Artikel, die sich auf das Problem konzentrieren, dass die Seite nach dem Klicken auf einen JavaScript-Link nach oben scrollt: Kurz & direkt: * So stoppen Sie das Scrollen zur Seite

So verhindern Sie, dass die Seite bei einem JavaScript-Link nach oben scrollt:

Beim Auslösen eines JavaScript-Ereignisses von einem verknüpften Element, z. B. einem Anker Wenn Sie ein Tag verwenden, tritt häufig das Problem auf, dass die Seite nach dem Auslösen des Ereignisses an den Anfang springt.

Lösung:

Um dieses unerwünschte Verhalten zu verhindern, muss es unterdrückt werden die Standardaktion des Klickereignisses. Dies kann mit zwei Methoden erreicht werden:

1. event.preventDefault():

Durch Aufrufen der .preventDefault()-Methode für das an den Ereignishandler übergebene Ereignisobjekt können Sie das Standardverhalten der Navigation zum Linkziel verhindern.

Beispiel (jQuery):

<code class="javascript">$('#my-link').click(function(event) {
  event.preventDefault();
  // Your JavaScript code here
});</code>

Beispiel (DOM):

<code class="javascript">document.getElementById('my-link').addEventListener('click', function(event) {
  event.preventDefault();
  // Your JavaScript code here
});</code>

2. return false:

In jQuery ruft die Rückgabe von false von einem Event-Handler automatisch sowohl die Methoden .stopPropagation() als auch .preventDefault() auf.

Beispiel (jQuery):

<code class="javascript">$('#my-link').click(function(event) {
  // Your JavaScript code here
  return false;
});</code>

Wenn Sie rohe DOM-Ereignisse verwenden, wird empfohlen, .preventDefault() explizit aufzurufen, um maximale Kompatibilität mit älteren Browsern zu gewährleisten. Einzelheiten finden Sie in der Dokumentation zu event.preventDefault() vs. return false.

Das obige ist der detaillierte Inhalt vonHier sind einige fragenbasierte Titel für Ihren bereitgestellten Artikel, die sich auf das Problem konzentrieren, dass die Seite nach dem Klicken auf einen JavaScript-Link nach oben scrollt: Kurz & direkt: * So stoppen Sie das Scrollen zur Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!