Disable back button of the navigator with JavaScript

Question

I want to disable back button in the navigator with javascript, i used:

 document.addEventListener("popstate", urlBackButton, false);

    function urlBackButton() {
       isBackButton = true;
        var url = $("#cannotUseBack").val();
        if (url == "/mypage") {
            window.history.go(1);
            return false;
        } else {
            return true;
        }
    }

It doesn't work.

Any help is appreciated. Thanks!

Answer 1

You can try the below code, it is working in chrome.

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