javascript onbeforeunload禁用链接

时间:2013-09-21 12:15:09

标签: javascript jquery html5

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

这是我的简单代码:

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

我只需要在关闭浏览器,重新加载页面和/或退出选项卡菜单时使用代码。当我按下我的网页或网页中的链接时,我需要它不会对任何链接起作用。你对此有什么想法或解决方案吗?

我希望你能帮助我。我很感激你的善意。

谢谢

1 个答案:

答案 0 :(得分:5)

你可以尝试:

$(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);

DEMO