Jak zatrzymać przycisk Wstecz przeglądarki za pomocą JavaScript?

Istnieje wiele różnych sposobów wyłączania przycisku wstecznego lub przynajmniej bałaganu w działaniu przycisku wstecznego, aby przeglądarki nie mogły przejść do poprzedniej strony. Jednak w pełni wyłączenie przycisku wstecznego przeglądarki nie jest dobrą opcją, a aplikacje po stronie klienta nie mają do tego wielu uprawnień ani praw ze względów bezpieczeństwa.

W tym artykule zaimplementujemy prostą logikę za pośrednictwem JavaScript, która powstrzymuje przeglądarki przed przejściem do poprzedniej strony za pomocą okno obiekt.

Okno.historia.metoda naprzód ()

W tym artykule zatrzymamy normalne działanie przycisku wstecznego przeglądarki internetowej za pomocą obiektu Window. I a dokładniej, wejdziemy do historii obiektu okna i przeniesiemy ją ”do przodu”Gdy przeglądarka próbuje ponownie odwiedzić poprzednią stronę.

Demonstracja okna.historia.metoda naprzód ()

Na początek potrzebujemy dwóch różnych stron HTML. Pierwsza strona nazywa się domem.HTML i zawiera następujące wiersze:

Kliknij mnie, aby odwiedzić następną stronę

Jak widać, po prostu tworzymy, w którym po prostu odnosimy się do drugiej strony.html.

Następnie po prostu utwórz drugą HTML z dokładną nazwą drugą stronę.html. W tym dokumencie HTML chcesz dodać następujące wiersze:

To jest druga strona

Ta druga strona zawiera tylko tekst, który mówi użytkownikowi, że jest to druga strona. Uruchomienie domu internetowej da następujący wynik w przeglądarce:

Jak widać, kliknięcie linku przenosi nas na drugą stronę, a z drugiej strony możesz nacisnąć przycisk Wstecz, aby ponownie przyjść do domu.html

Teraz w domu.Dokument HTML, dodasz następujące wiersze skryptu wewnątrz znacznika skryptu:

W tych wierszach uzyskujemy dostęp do historii obiektu okna przeglądarki, a następnie wywołuje metodę do przodu (), aby przenieść przeglądarkę z powrotem na drugą stronę. W ten sposób bałagan z normalnym przepływem przycisku wstecznego przeglądarki.

Kluczowy punkt

Ten skrypt będzie działał tylko wtedy, gdy historia ma trochę dalszego wejścia. Oznacza to, że to po raz pierwszy załadowanie strony nigdy nie będzie miało na to wpływ.

Po tym po prostu otwórz dom Strona internetowa, kliknij link, aby przejść na drugą stronę internetową, a następnie spróbuj kliknąć przycisk Wstecz przeglądarki, a otrzymasz następujące dane wyjściowe:

Jak widać, kliknięcie Przycisk powrotu na przeglądarce nie zabiera nas z powrotem do domu.html, a raczej zabiera nas na drugą stronę.html

Wniosek

Aby zatrzymać działanie przycisku wstecznego przeglądarki za pomocą JavaScript. Po załadowaniu strony możesz po prostu wywołać metodę napastnika () w historii przeglądarki internetowej. Aby uzyskać dostęp do tej historii, musimy użyć okno obiekt. Ten artykuł wykazał działanie okna.historia.metoda do przodu () w celu zatrzymania działania przycisku wstecznego przeglądarki.