在onbeforeunload
事件中,您可以使用JavaScript的confirm()
函数来提示用户确认离开页面。下面是一个简单的示例:
window.addEventListener('beforeunload', function (event) {
// 设置确认对话框的消息文本
var confirmationMessage = '您确定要离开此页面吗?';
// 兼容不同浏览器的处理方式
event.returnValue = confirmationMessage; // 标准的现代浏览器
return confirmationMessage; // 较旧的Internet Explorer(IE8 及更早版本)
});
这段代码会在用户试图离开页面时弹出一个确认对话框,询问用户是否确定离开。如果用户点击“确定”,则页面将正常跳转;如果用户点击“取消”,则页面将停留在当前状态。请注意,某些浏览器可能会对onbeforeunload
事件的处理方式进行限制,以提升用户体验。