如何实现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 相关文章推荐
关于hashchangebroker和statehashable的补充文档
Aug 08 Javascript
extjs 初始化checkboxgroup值的代码
Sep 21 Javascript
兼容FF和IE的动态table示例自写
Oct 21 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 Javascript
javascript实现Table间隔色以及选择高亮(和动态切换数据)的方法
May 14 Javascript
JavaScript跨域调用基于JSON的RESTful API
Jul 09 Javascript
基于 webpack2 实现的多入口项目脚手架详解
Jun 26 Javascript
详解用vue编写弹出框组件
Jul 04 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
jquery使用FormData实现异步上传文件
Oct 25 jQuery
layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)
Sep 21 Javascript
jquery实现广告上下滚动效果
Mar 04 jQuery
深入理解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
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
php的header和asp中的redirect比较
2006/10/09 PHP
PHP验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
php实现微信扫码自动登陆与注册功能
2016/09/22 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
ThinkPHP5&amp;5.1实现验证码的生成、使用及点击刷新功能示例
2020/02/07 PHP
jQuery jcrop插件截图使用方法
2013/11/20 Javascript
JS实现的一个简单的Autocomplete自动完成例子
2014/04/16 Javascript
原生javascript实现图片无缝滚动效果
2016/02/12 Javascript
javascript实现任务栏消息提示的简单实例
2016/05/31 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
原生js实现日期计算器功能
2017/02/17 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
2018/05/31 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
在vue中使用Echarts画曲线图的示例
2020/10/03 Javascript
vue 数据操作相关总结
2020/12/17 Vue.js
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
python numpy 按行归一化的实例
2019/01/21 Python
python实现年会抽奖程序
2019/01/22 Python
使用Pandas对数据进行筛选和排序的实现
2019/07/29 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
关于PyTorch源码解读之torchvision.models
2019/08/17 Python
python和js交互调用的方法
2020/06/23 Python
python反编译教程之2048小游戏实例
2021/03/03 Python
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
武汉瑞得软件笔试题
2015/10/27 面试题
中专毕业生自荐信范文
2013/11/28 职场文书
新闻专业毕业生英文求职信
2014/03/19 职场文书
思想政治表现评语
2015/01/04 职场文书
2019年大学生学年自我鉴定!
2019/03/25 职场文书
手写实现JS中的new
2021/11/07 Javascript
Go语言grpc和protobuf
2022/04/13 Golang