javascript - javascript onbeforeunload 禁用链接

Question

我需要你的帮助。我正在使用 JavaScript，但无法配置如何使用window.onbeforeunload.

这是我的简单代码：

window.onbeforeunload = function () { 
      if (!confirm("some message here")) { 
          return "Are you sure?"; 
      } else{ 
        return false; 
      } 
}

我只需要在关闭浏览器、重新加载页面和/或退出选项卡菜单时处理代码。当我在我的网页正文或页面中按下链接时，我需要它不适用于任何链接。您对此有什么想法或解决方案吗？

我希望你能帮我解决这个问题。我很感激你的好意。

谢谢

Answer 1

你可以试试：

$(document).on('mousedown', 'a[href]', offBeforeUnload)
    .on('mouseleave', 'a[href]', function () {
        $(window).on('beforeunload', windowBeforeUnload);
    });



function offBeforeUnload(event) {
    $(window).off('beforeunload');
}

function windowBeforeUnload() {
     if (!confirm("some message here")) { 
          return "Are you sure?"; 
      } else{ 
        return false; 
      } 
}

$(window).on('beforeunload', windowBeforeUnload);

演示