117笔记问答onbeforeunload 是一个 JavaScript 事件，它在窗口或文档被卸载之前触发。通常，它用于提醒用户在离开页面之前保存数据或在离开页面前确认操作。正确使用 onbeforeunload 事件的方法如下：
- 添加事件监听器：使用
addEventListener方法为窗口对象添加beforeunload事件监听器。
window.addEventListener('beforeunload', function (event) {
// 事件处理逻辑
});
注意：在某些浏览器中，你可能需要为 beforeunload 事件指定一个返回值，以便在用户离开页面前显示确认对话框。但在最新的浏览器版本中，这种做法已经不再推荐，因为这种做法可能会对用户体验产生负面影响。
- 编写事件处理函数：在事件处理函数中，你可以编写需要在窗口或文档被卸载之前执行的代码。然而，需要注意的是，你不能在事件处理函数中执行任何会阻止窗口或文档卸载的操作，因为这会导致浏览器挂起。
window.addEventListener('beforeunload', function (event) {
// 可以在这里执行一些清理操作，例如释放资源、保存状态等
// 但是，你不能在这里执行任何会阻止窗口或文档卸载的操作
});
- 处理返回值（可选）：在某些浏览器中，你可能需要为
beforeunload事件指定一个返回值，以便在用户离开页面前显示确认对话框。返回值应该是一个字符串，该字符串将作为确认对话框的提示信息。
window.addEventListener('beforeunload', function (event) {
// 可以在这里执行一些清理操作
// 如果你想显示一个确认对话框，可以设置返回值
event.returnValue = 'https://www.yisu.com/ask/你确定要离开这个页面吗？';
});
然而，如前所述，这种做法已经不再推荐，因为最新的浏览器版本可能会忽略返回值，并且这种做法可能会对用户体验产生负面影响。
总的来说，正确使用 onbeforeunload 事件的关键是理解它的用途和行为，并在必要时执行适当的清理操作。同时，要注意不要滥用此事件，以免干扰用户的正常操作或降低用户体验。