Wie kann verhindert werden, dass die Seite beim Klicken auf JavaScript-Links nach oben scrollt?

Verhindern, dass die Seite nach oben scrollt, wenn auf durch JavaScript ausgelöste Links geklickt wird

Beim Klicken auf einen Link, der mit einem JavaScript-Ereignis verknüpft ist, wie zum Beispiel:

<a href="#">My Link</a>

Die Seite scrollt möglicherweise unbeabsichtigt nach oben. Um dieses Verhalten zu verhindern und gleichzeitig die Funktionalität des Links aufrechtzuerhalten, ziehen Sie die folgenden Lösungen in Betracht:

Option 1: event.preventDefault()

Verwenden Sie die .preventDefault()-Methode des Ereignisobjekts um zu verhindern, dass der Browser seine Standardaktion der Navigation zum Link ausführt.

<code class="javascript">$('#ma_link').click(function($e) {
    $e.preventDefault();
    doSomething();
});

document.getElementById('#ma_link').addEventListener('click', function (e) {
    e.preventDefault();
    doSomething();
})</code>

Option 2: false zurückgeben;

In jQuery wird false von einem Ereignis zurückgegeben Der Handler ruft automatisch event.stopPropagation() und event.preventDefault() auf.

<code class="javascript">$('#ma_link').click(function(e) {
     doSomething();
     return false;
});</code>

Für mehr Browserkompatibilität rufen Sie explizit .preventDefault() auf, wenn Sie rohe DOM-Ereignisse verwenden.

Das obige ist der detaillierte Inhalt vonWie kann verhindert werden, dass die Seite beim Klicken auf JavaScript-Links nach oben scrollt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!