实现起来比较简单如下
复制代码 代码如下:
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实现方法】