js 页面关闭前的出现提示的实现代码

2019-12-24,,

实现起来比较简单如下
复制代码 代码如下:
window.onbeforeunload = function() {
  return "确定离开页面吗?";
}

还有一种写法
复制代码 代码如下:
window.onbeforeunload = function(event) {
(event || window.event).returnValue = "确定退出吗";
}

这个方法chrome和safari不支持,但是由于ie和ff的支持,html5也加入了标准...
大家都知道浏览器的几种弹出对话框都会阻止事件的往下进行,(如alert,confirm),进一步操作后会继续事件的往下执行
一般的做法都会这样
复制代码 代码如下:
window.onbeforeunload = function(event) {
return confirm("确定退出吗");
}

而这里会弹出2次,return后面的内容将作为是否离开页面的提示..

您可能感兴趣的文章:

  • js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
  • 离开当前页面前使用js判断条件提示是否要离开页面
  • 离开页面时检测表单元素是否被修改,提示保存的js代码
  • js 无提示关闭浏览器页面的代码
  • JavaScript中通过提示框跳转页面的方法
  • js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
  • JS实现定时页面弹出类似QQ新闻的提示框
  • 打开新窗口关闭当前页面不弹出关闭提示js代码
  • JS实现刷新父页面不弹出提示框的方法
  • 基于JavaScript实现跳转提示页面
  • JavaScript实现离开页面前提示功能【附jQuery实现方法】

《js 页面关闭前的出现提示的实现代码.doc》

下载本文的Word格式文档,以方便收藏与打印。