当用户尝试离开网站时,我已经使用window.onbeforeunload
来显示自定义消息。
例子:
window.onbeforeunload = function(){
if(some_condition){
return "Are you sure you want to navigate away from this page?\nAll unsaved changes will be lost.";
}
};
+--------------------------------------------------------+
| Are you sure you want to navigate away from this page? |
| All unsaved changes will be lost. |
| |
| [ Yes ] [ Cancel ] |
+--------------------------------------------------------+
但是,我想对此进行一些增强。如果可能的话,我想使用自定义模式形式而不是通用弹出窗口。
有没有办法做到这一点?
最佳答案
用户尝试离开时,将触发unload事件。但是,如果将DIV用作弹出窗口,则浏览器将在用户有机会阅读它之前导航离开。
为了使它们保持在那里,您必须使用警报/提示/确认对话框。 (我所知道的)