如何实现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 相关文章推荐
javascript 类方法定义还是有点区别
Apr 15 Javascript
jQuery TextBox自动完成条
Jul 22 Javascript
ANT 压缩(去掉空格/注释)JS文件可提高js运行速度
Apr 15 Javascript
IE8下String的Trim()方法失效的解决方法
Nov 08 Javascript
分享两款带遮罩的jQuery弹出框
Dec 30 Javascript
原生 JS Ajax,GET和POST 请求实例代码
Jun 08 Javascript
jQuery EasyUI封装简化操作
Sep 18 Javascript
js实现开启密码大写提示
Dec 21 Javascript
简单谈谈React中的路由系统
Jul 25 Javascript
react-native动态切换tab组件的方法
Jul 07 Javascript
使用vscode快速建立vue模板过程详解
Oct 10 Javascript
微信小程序实现侧边栏分类
Oct 21 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
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
destoon常用的安全设置概述
2014/06/21 PHP
PHP使用mysqldump命令导出数据库
2015/04/14 PHP
php简单统计在线人数的方法
2016/05/10 PHP
php array_pop 删除数组最后一个元素实例
2016/11/02 PHP
PHP迭代与递归实现无限级分类
2017/08/28 PHP
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
JavaScript window.document的属性、方法和事件小结
2012/10/24 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
2013/05/13 Javascript
Knockout数组(observable)使用详解示例
2013/11/15 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
javascript中setTimeout使用指南
2015/07/26 Javascript
js创建对象的方法汇总
2016/01/07 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
web前端页面生成exe可执行文件的方法
2018/02/08 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
django admin组件使用方法详解
2019/07/19 Python
Python的形参和实参使用方式
2019/12/24 Python
解决python-docx打包之后找不到default.docx的问题
2020/02/13 Python
美国礼品卡商城: Gift Card Mall
2017/08/25 全球购物
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
计算机网络专业个人的自我评价
2013/10/17 职场文书
医院工作检讨书范文
2014/02/10 职场文书
《生命 生命》教学反思
2014/04/19 职场文书
区级文明单位申报材料
2014/05/15 职场文书
交通志愿者活动总结
2014/06/27 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
女方家长婚礼致辞
2015/07/27 职场文书
关于教师节的广播稿
2015/08/19 职场文书
优秀毕业生主要事迹材料
2015/11/04 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
如何使用Tkinter进行窗口的管理与设置
2021/06/30 Python
MySQ InnoDB和MyISAM存储引擎介绍
2022/04/26 MySQL