javascript - 当用户尝试使用 jquery 脚本使用 f5、ctrl+5 刷新浏览器页面时，警报不起作用

Question

当用户尝试在浏览器中引用选项卡时，我要求向用户显示警报，它应该得到警报“如果你警告这个页面，你将丢失数据”，但我为此使用 jquery 仍然无法正常工作。

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script>
$(window).on('beforeunload', function(){ 
  alert("Don't refresh you will loose your all data?");   
  //or
  confirm("are you sure want to refresh this page !");
});
</script>

Answer 1

用 return 试试这个

Note:NOT all browsers support this

  $(window).on("beforeunload", function (event) {
    return "Are you sure you want to leave?";
  });

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

Additional Info :

Google Chrome removed support for custom message in ver 51

Opera removed support for custom message in ver 38

Mozilla Firefox removed support for custom message in ver 44.0

Apple Safari removed support for custom message in ver 9.1

引用:https://stackoverflow.com/a/38880926/6299088