退出浏览器并关闭选项卡时发出警报答案

【问题标题】：Alert on exit the browser and closing the tab退出浏览器并关闭选项卡时发出警报
【发布时间】：2021-11-25 14:02:23
【问题描述】：

我尝试了 onbeforeunload，因为它需要一次用户交互才能调用，有没有什么方法可以在没有用户交互的情况下调用事件，因为用户在打开应用程序选项卡后退出浏览器。或任何其他不使用 onbeforeunload 的解决方案，阻止用户退出浏览器。

window.onbeforeunload = function (event) {
    var message = 'Important: Please click on \'Save\' button to leave this page.';
    if (typeof event == 'undefined') {
        event = window.event;
    }
    if (event) {
        event.returnValue = message;
    }
    return message;
};

        $(document).ready(function(){ 
            $(".label").click(function(){
            alert('label');
            window.onbeforeunload = null;
            }
            ); 
             $(".new_cont").click(function(){
            alert('new_cont');
            window.onbeforeunload = null;
            }
            );
        })

【问题讨论】：

这能回答你的问题吗？ Detect browser or tab closing

标签： javascript c# jquery asp.net

【解决方案1】：

在 FireFox 和 Chrome 中，您至少需要与页面进行一次交互。由于此功能是为了避免丢失用户输入的数据，所以如果页面上没有发生任何操作意味着用户没有输入任何数据。

这是因为 onbeforeunload 附加到的 window 对象上，当您卸载主页时，除非您将焦点放在此 iframe 上，否则不会触发此事件。

 <script type="text/javascript">
 window.onbeforeunload = function () {
     return "Did you save your stuff?"
 }

供参考https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload

【讨论】：