Nach dem Klickereignis des HTML-Hyperlinks a wird zur Adresse gesprungen, auf die href zeigt.

Nach dem Klickereignis des HTML-Hyperlinks a wird zur Adresse gesprungen, auf die href zeigt.
Manchmal müssen wir den Hyperlink <a> anstelle von href verwenden, um den Sprung abzuschließen. Verwenden Sie stattdessen diese Methode: <a href="#" onClick="fun()"></a>. Auf diese Weise wird ein Seitensprung vermieden. Es bringt aber auch einige negative Probleme mit sich, beispielsweise wird der Seitentitel zu „#“ oder auf der Seite wird eine Bildlaufleiste angezeigt. Dies liegt daran, dass <a> nach der Ausführung des onClick-Ereignisses zu der von href angezeigten Adresse springt und „#“ ein Ankerpunkt ist, der sich standardmäßig oben auf der Webseite befindet, sodass das oben erwähnte Problem auftritt.

Es gibt zwei Lösungen:

1. Fügen Sie dem onClick-Ereignis eine return false-Anweisung hinzu, zum Beispiel:

<a href="#" onClick="fun(); return false;">Klick</a>

2. Verwenden Sie void(0) statt #, zum Beispiel:

<a href="javascript:void(0)" onclick="fun()">Klick</a>

<<:  MySQL-Serie 15: Allgemeine MySQL-Konfiguration und Leistungsstresstest

>>:  Einige Front-End-Praxiszusammenfassungen der neuen Homepage von Alipay

Artikel empfehlen

MySQL 5.5.56 - Installationsfreie Versionskonfigurationsmethode

Die Konfigurationsmethode der kostenlosen Install...

Eine kurze Analyse zum Festlegen des Anfangswerts des Linux-Roots

Ubuntu erlaubt standardmäßig keine Root-Anmeldung...

Vue + node realisiert Audioaufzeichnungs- und -wiedergabefunktion

Ergebnis: Der Hauptteil besteht darin, die Codelo...

Detaillierte Schritte zur Installation von Python 3.7 auf CentOS 6.5

1. Python 3 herunterladen wget https://www.python...

So schreiben Sie Konfigurationsdateien und verwenden MyBatis einfach

So schreiben Sie Konfigurationsdateien und verwen...

Ein kurzer Vortrag über JavaScript Sandbox

Vorwort: Apropos Sandboxen: Wir denken vielleicht...

Der Unterschied zwischen HTML-Block-Level-Tags und Inline-Tags

1. Blockebenenelement: bezieht sich auf die Fähigk...

Zwei Möglichkeiten zum Konfigurieren globaler Vue-Methoden

Inhaltsverzeichnis 1. Einleitung 2. Die erste Met...

So ändern Sie die Zeitzone und die Uhrzeit im Ubuntu-System

Auf einem Linux-Computer gibt es zwei Zeitzonen: ...

Implementierungsfallcodeanalyse für dynamische und statische Trennung von Nginx

Trennung von statischer und dynamischer Dynamisch...

Über das Problem der vertikalen Zentrierung von img und span in div

Wie unten dargestellt: XML/HTML-CodeInhalt in die...

Zusammenfassung der Mysql-Existes-Verwendung

Einführung Mit EXISTS wird geprüft, ob eine Unter...

Installations-Tutorial zur dekomprimierten Version von MySQL5.7.21 unter Win10

Installieren Sie die entpackte Version von Mysql ...