如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”


Posted in Javascript onMarch 05, 2015

如何实现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;

以上就是本文所述的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
JS获取select-option-text_value的方法
Dec 26 Javascript
js实现带圆角的多级下拉菜单效果
Aug 28 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
Jan 14 Javascript
jQuery 遍历map()方法详解
Nov 04 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
基于jPlayer三分屏的制作方法
Dec 21 Javascript
Mac下使用charles遇到的问题以及解决办法
Jan 10 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
React forwardRef的使用方法及注意点
Jun 13 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 #Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 #Javascript
基于jQuery实现网页进度显示插件
Mar 04 #Javascript
基于jQuery实现仿淘宝套餐选择插件
Mar 04 #Javascript
js实现类似于add(1)(2)(3)调用方式的方法
Mar 04 #Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 #Javascript
JavaScript常用脚本汇总(三)
Mar 04 #Javascript
You might like
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
生成缩略图
2006/10/09 PHP
合格的PHP程序员必备技能
2015/11/13 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
改进:论坛UBB代码自动插入方式
2006/12/22 Javascript
Code: write(s,d) 输出连续字符串
2007/08/19 Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
2010/07/26 Javascript
页面只有一个text的时候,回车自动submit的解决方法
2010/08/12 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
基于jquery的放大镜效果
2012/05/30 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
JQuery解析HTML、JSON和XML实例详解
2014/03/29 Javascript
jQuery遍历json的方法分析
2016/04/16 Javascript
js添加绑定事件的方法
2016/05/15 Javascript
jquery之别踩白块游戏的简单实现
2016/07/25 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
对vue中v-if的常见使用方法详解
2018/09/28 Javascript
vue实现分页加载效果
2019/12/24 Javascript
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
跟老齐学Python之编写类之一创建实例
2014/10/11 Python
如何在python中使用selenium的示例
2017/12/26 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
python django下载大的csv文件实现方法分析
2019/07/19 Python
在 Jupyter 中重新导入特定的 Python 文件(场景分析)
2019/10/27 Python
python中的数组赋值与拷贝的区别详解
2019/11/26 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
sublime3之内网安装python插件Anaconda的流程
2020/11/10 Python
寻找迷宫的一条出路,o通路;X:障碍
2016/07/10 面试题
运动会拉拉队口号
2014/06/09 职场文书
群众路线教师自我剖析材料
2014/09/29 职场文书
佛光寺导游词
2015/02/10 职场文书
关于环保的广播稿
2015/12/17 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers