Как показать предупреждение о событии нажатия кнопки «Назад» в браузере, используя jquery - PullRequest
Новая
       2

Как показать предупреждение о событии нажатия кнопки «Назад» в браузере, используя jquery

0 голосов
/ 25 сентября 2019

Я хочу показать предупреждение при нажатии на кнопку «Назад» в браузере.он работает только до нажатия кнопки «Назад», когда вы щелкаете в другое место на странице, в противном случае он переходит на предыдущую страницу без предупреждения.

Я добавил свой код здесь.Я хочу вернуться, когда страница загрузится. 

    $(document).ready(function() {
        if (window.history && window.history.pushState) {
        //window.history.pushState('', null, './');
        window.history.pushState(null, "", window.location.href);
        $(window).on('popstate', function() {
            alert('Warning! Your data will lose.');
            document.location.href = 'www.redirecturl.com';

        });
     }
    });
<html>
<head>
    <title>Disable Browser Back Button Using JavaScript</title>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js">
        </script>
</head>
<body>
    <a href="Page2.html">Click Here...</a>
</body>
</html>

Я использую JQuery здесь

Ответы [ 2 ]

0 голосов
/ 25 сентября 2019

Поместите его в свой файл JS, и он будет работать .. когда вы нажмете кнопку "Назад" в браузере, он предупредит вас о выходе или отмене. 

 $(window).bind('beforeunload', function(){
            return '>>>>>Before You Go<<<<<<<< \n Your custom message go here';
        });
0 голосов
/ 25 сентября 2019

Этого можно добиться, используя onbeforeunload событие

, используя jquery 

$(window).bind('beforeunload', function(){
  myFunction();
  return 'Are you sure you want to leave?';
});

function myFunction(){
     // Write your business logic here
     alert('Bye');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Close this window, press F5 or click on the link below to invoke the onbeforeunload event.</p>

<a href="https://www.w3schools.com">Click here to go to w3schools.com</a>

Использование Javascript 

window.onbeforeunload = s => "";
<body>

<p>Close this window, press F5 or click on the link below to invoke the onbeforeunload event.</p>

<a href="https://www.w3schools.com">Click here to go to w3schools.com</a>

</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...