当一个页面从jQuery退出或卸载时，jQuery返回模态

Question

我有一个带jQueryUI的对话框功能，但是当用户点击关闭页面或离开页面时，我需要触发此功能。

当我点击关闭或离开页面时，下一个代码显示警告，但我需要一个模态框，而不是警报。

$(window).bind('beforeunload', function(){
    return '>>>>>Before You Go<<<<<<<< \n Your custom message go here';
});

如何使用jQuery返回模态？它可以吗？

问候！

Answer 1

使用unload()事件

$(window).bind('unload', function(){
    return '>>>>>Before You Go<<<<<<<< \n Your custom message go here';
});

Answer 2

编辑：所有这些都无关紧要，因为

操纵beforeunload和unload事件非常有限且不可靠浏览器

  

从Firefox 4，Chrome 51，Opera 38和Safari 9.1开始，将显示不受网页控制的通用字符串，而不是返回的字符串。例如，Firefox显示字符串“此页面要求您确认要离开 - 您输入的数据可能无法保存。”

来自window.onbeforeunload on MDN

如果您的目标是用户保留或者即将离开您网站的用户的某种“最后手段”优惠，那么您可以查看exit intent popups。它们产生了预期的效果，但它们不是使用window.unload，而是由鼠标离开浏览器触发，表明用户打算离开您的网站。