您可以使用 JQuery 执行此操作。

对于 示例 ，

<a href="your URL" id="navigate"> click here </a>

你的 JQuery 会是，

$(document).ready(function(){
    $('a').on('mousedown', stopNavigate);
    $('a').on('mouseleave', function () {
           $(window).on('beforeunload', function(){
                  return 'Are you sure you want to leave?';
function stopNavigate(){    
    $(window).off('beforeunload');
}

并且为了得到 离开消息警报 将是，

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

这个解决方案适用于所有浏览器，我已经对其进行了测试。

在Ajax中尝试使用javascript

window.onbeforeunload = function(){
  return 'Are you sure you want to leave?';
};

参考 link

示例2：

document.getElementsByClassName('eStore_buy_now_button')[0].onclick = function(){
    window.btn_clicked = true;
window.onbeforeunload = function(){
    if(!window.btn_clicked){
        return 'You must click "Buy Now" to make payment and finish your order. If you leave now your order will be canceled.';
};

在这里，它会在用户每次离开页面时发出警告，直到他单击该按钮。

演示： http://jsfiddle.net/DerekL/GSWbB/show/

功劳应该放在这里： how to detect if a link was clicked when window.onbeforeunload is triggered?

基本上，该解决方案添加了一个侦听器来检测是否有链接或窗口导致了unload事件的触发。

var link_was_clicked = false;
document.addEventListener("click", function(e) {
   if (e.target.nodeName.toLowerCase() === 'a') {
      link_was_clicked = true;
}, true);