Disable button back of browser

Question

I tried doing it this way but it takes interaction with the screen for it to work, is there any way to make it work without interaction

history.pushState(null, document.title, location.href);
    history.back();
    history.forward();
    window.onpopstate = function () {
        history.go(1);
    };

I think this is duplicate of [this](https://stackoverflow.com/questions/25806608/how-to-detect-browser-back-button-event-cross-browser) — Zhivko Nikolov, Nov 22 '22 at 10:00
I don't think it's possible and I also think that it shouldn't be possible because it's horrible UX — tstrmn, Nov 22 '22 at 10:00

Peter Lam · Answer 1 · 2022-11-22T10:01:32.150

0

do you mean disable back button of a browser?

window.history.pushState(null, null, window.location.href);

window.onpopstate = function () { window.history.go(1); };

edited Nov 22 '22 at 10:01

answered Nov 22 '22 at 10:00

Peter Lam

1
4

i tried running in browser console it works, but running in text editor code it needs to interact with the screen to work – Tungnt Nov 22 '22 at 10:08
is the window or document already loaded ? – Peter Lam Nov 22 '22 at 10:25
without interact the screen , You mean by keyboard or mouse button to trigger the back button? – Peter Lam Nov 22 '22 at 10:26
Or actually you mean online code editor – Peter Lam Nov 22 '22 at 10:29
I mean click or press any button on the screen – Tungnt Nov 22 '22 at 10:30
no, I use VS code – Tungnt Nov 22 '22 at 10:32
you can put these code everywhere , not only button . – Peter Lam Nov 22 '22 at 10:34
if you are using react , please check if the window or document already loaded before execute the code , you can check console for error msg if it call before windows load – Peter Lam Nov 22 '22 at 10:35

Disable button back of browser

1 Answers1