javascript - 如何在javascript或jquery中仅检测浏览器关闭按钮事件，无页面刷新等

Question

请帮助我，我如何在 javascript 或 jquery 中仅检测浏览器/选项卡关闭按钮事件。我的意思是只有关闭按钮，没有页面刷新和任何其他菜单链接打开等。

我在 javascript 的 onbeforeunload 事件上尝试了这段代码

function handleBrowserCloseButton(event) {

   if(window.event.clientX < 0 && window.event.clientY <0)
    {
      alert('Browser close button clicked');    
    }
} 

但不幸的是它并没有解决我的问题。请帮助我。

Answer 1

根据我的理解，您希望在单击浏览器的关闭按钮时触发一个函数。

在 jQuery 中:

$(window).on('beforeunload', function () {
    console.log("leaving");
    return "sure to leave?";
});

在原始 JavaScript 中:

window.onbeforeunload = function (event) {
    console.log("leaving");
    return confirm("sure to leave?");
}

但是，在onbeforeunload事件处理程序中可以执行什么样的代码还不是很清楚:

$(window).on('beforeunload', function () {
    console.log("leaving");
    alert("leaving");
    return "sure to leave?";
});

此处，console.log 代码有效，而 alert 代码则无效。