如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗？”
更新时间：2015年03月05日 09:15:20 投稿：hebedich
这篇文章主要介绍了如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗？”的方法以及相关资料,需要的朋友可以参考下
一、避免弹出提示框
在网上搜了很多，答案大都是设置window.onbeforeunload=null ，但是试用之后无效。
这个问题放了两天之后返回来再次想，终于找到了答案，在此和大家分享一下：
解除jquery离开页面弹出提（1） 先解除绑定在设置弹出内容为null。
复制代码 代码如下:
$(function(){
$(window).unbind('beforeunload');
window.onbeforeunload = null;
})
二、其他相关[摘要]
（1）window的onunload和onbeforeunload事件
以下是指在js中实现,而非 <body onunload="close()"> 这种方法!
因为这样是在unload掉body的时候触发,而无论任何浏览器,都会在关闭的时候unload掉body的!
模型1:
复制代码 代码如下:
function close(){
alert("this is a test");
}
window.onbeforeunload=close;
模型2:
复制代码 代码如下:
function close(){
if(document.body.clientWidth-event.clientX< 170&&event.clientY< 0||event.altKey)
{
alert("this is a test");
}
}
window.onbeforeunload=close;
复制代码
关于模型1:
1).刷新,多窗口和单窗口都适合.
2).单窗口ie关闭整个ie触发.
3).ie7多窗口中关闭单页触发
4)其他多窗口刷新触发.关闭单个和关闭整个都不触发
对于模型2:
1).ie单窗口 和ie7多窗口,都要关闭整个浏览器才触发
2).其他多窗口浏览器刷新.关闭单页,关闭整个都不触发
（2）创建离开提示框
绑定beforeunload事件
复制代码 代码如下:
$(window).bind('beforeunload',function(){
return '您输入的内容尚未保存，确定离开此页面吗？';
});
解除绑定
复制代码 代码如下:
$(window).unbind('beforeunload');
window.onbeforeunload = null;
以上就是本文所述的全部内容了，希望大家能够喜欢。
您可能感兴趣的文章:
- js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
- 使用Chrome调试JavaScript的断点设置和调试技巧
- JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)
- 解决javascript:window.close()在chrome,Firefox下失效的问题
- 完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
- JQuery自适应IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
- jQuery一步一步实现跨浏览器的可编辑表格，支持IE、Firefox、Safari、Chrome、Opera
- 兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
- jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
- chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
- js chrome浏览器判断代码
- json格式化/压缩工具 Chrome插件扩展版
- 解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
- JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）
- 禁止选中文字兼容IE、Chrome、FF等
- javascript判断chrome浏览器的方法
- Chrome扩展页面动态绑定JS事件提示错误
- Chrome开发者工具9个调试技巧详解
相关文章
这篇文章主要为大家详细介绍了微信小程序音频录制波纹循环动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要介绍了JS实现图片转换成base64的各种应用场景,结合实例形式分析了javascript实现图片转换成base64的各种应用场景的相关操作技巧与使用注意事项,需要的朋友可以参考下2018-06-06
本篇文章主要是对js判断输入是否为中文的函数进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
下面小编就为大家带来一篇关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要为大家详细介绍了小程序获取周围IBeacon设备的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-10-10
虽然Uniapp可以使用Vue.js自带的$http,但也可以使用Axios,只需要在项目中进行简单的配置,这篇文章主要给大家介绍了关于uniapp引入axios异步框架的相关资料,需要的朋友可以参考下2023-12-12
这篇文章主要介绍了JavaScript实现在页面间传值的方法,涉及javascript传值的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
微信小程序使用 official-account 组件实现一键跳转公众号
本文详细介绍了如何在微信小程序中实现一键跳转到公众号的功能,包括准备工作、使用`<official-account>`组件实现跳转、关联小程序与公众号的方法,以及常见错误及解决方案,通过本文的指导,开发者可以顺利实现这一功能,提升用户体验2024-11-11
这段时间看了下bootstrap的时间控件，发现使用起来还是很简单的，趁着有时间的时候整理了一下，特此分享到脚本之家平台，感兴趣的朋友参考下2017-07-07
本文通过案例给大家分析了微信小程序开发之改变data中数组或对象的某一属性值,本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-07-07
最新评论