Heim > Web-Frontend > js-Tutorial > Wie kann ich das Neuladen und Aktualisieren von Seiten in JavaScript erkennen?

Wie kann ich das Neuladen und Aktualisieren von Seiten in JavaScript erkennen?

Susan Sarandon
Freigeben: 2024-12-10 21:35:20
Original
871 Leute haben es durchsucht

How Can I Detect Page Reloads and Refreshes in JavaScript?

So erkennen Sie das Neuladen oder Aktualisieren von Seiten in JavaScript

Bei der Arbeit mit Webanwendungen ist es oft notwendig, Benutzerinteraktionen wie das Neuladen von Seiten zu verfolgen oder erfrischt. Das Erkennen dieser Ereignisse kann bestimmte Aktionen auslösen oder relevante Informationen anzeigen.

Lösung

Um festzustellen, ob eine Seite neu geladen oder aktualisiert wurde, können Sie die window.performance von JavaScript nutzen. navigation.type-Eigenschaft. Diese Eigenschaft stellt Informationen über die Art der aufgetretenen Navigation bereit.

Mit dieser Eigenschaft können Sie den folgenden Code schreiben, um zu prüfen, ob Seiten neu geladen werden:

if (window.performance.navigation.type === performance.navigation.TYPE_RELOAD) {
  // Perform desired action, such as displaying an alert
} else {
  // Perform an alternate action, indicating the page was not reloaded
}
Nach dem Login kopieren

Im obigen Code ist das if Die Anweisung prüft, ob der Navigationstyp mit dem TYPE_RELOAD-Wert übereinstimmt. Wenn „true“, bedeutet dies, dass die Seite neu geladen wurde und die gewünschte Aktion ausgelöst wurde. Wenn die Bedingung falsch ist, wurde die Seite nicht neu geladen.

Hinweis:

Beachten Sie, dass window.performance.navigation.type veraltet ist und nicht verwendet werden sollte im neuen Code. Eine empfohlene Alternative finden Sie in der Antwort von Ilya Zelenko.

Das obige ist der detaillierte Inhalt vonWie kann ich das Neuladen und Aktualisieren von Seiten in JavaScript erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage