在页面关闭前提供确认提示
在开发网页时,有时需要在用户关闭页面之前提供确认提示,以防止意外的数据丢失或其他问题。以下是使用 JavaScript 实现此功能的方法:
window.addEventListener("beforeunload", function(e) { // 如果用户确认离开页面 if (confirm("您确定要离开此页面吗?")) { // 允许关闭页面 return true; } else { // 阻止关闭页面 e.preventDefault(); // Firefox e.returnValue = false; // IE } });
此代码使用 window.addEventListener() 事件监听器监听页面上的 beforeunload 事件,该事件在关闭页面之前触发。当触发该事件时,它将显示一个确认对话框,询问用户是否确定要离开页面。
如果用户点击“确定”按钮,则允许关闭页面,并且代码将返回 true。否则,它将调用 e.preventDefault()(对于 Firefox)或 e.returnValue = false(对于 IE)以阻止页面关闭。