如何实现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 loading加载效果实现代码
Nov 24 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
require.js配合插件text.js实现最简单的单页应用程序
Jul 12 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
Jul 12 Javascript
JS计算距当前时间的时间差实例
Dec 29 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
jQuery内容选择器与表单选择器实例分析
Jun 28 jQuery
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
node创建Vue项目步骤详解
Mar 06 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
针对初学PHP者的疑难问答(1)
2006/10/09 PHP
PHP中的密码加密的解决方案总结
2016/10/26 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
PHP实现生成推广海报的方法详解
2018/03/14 PHP
IE和firefox浏览器的event事件兼容性汇总
2009/12/06 Javascript
JS定时关闭窗口的实例
2013/05/22 Javascript
js的匿名函数使用介绍
2013/12/11 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
js精准的倒计时函数分享
2016/06/29 Javascript
vue2.0 常用的 UI 库实例讲解
2017/12/12 Javascript
jQuery实现的页面弹幕效果【测试可用】
2018/08/17 jQuery
简单谈谈javascript高级特性
2019/09/04 Javascript
解决layui表格的表头不滚动的问题
2019/09/04 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
2020/08/14 Javascript
python求素数示例分享
2014/02/16 Python
Python创建模块及模块导入的方法
2015/05/27 Python
Python实现截屏的函数
2015/07/26 Python
Python用zip函数同时遍历多个迭代器示例详解
2016/11/14 Python
python 3.6.2 安装配置方法图文教程
2018/09/18 Python
python修改txt文件中的某一项方法
2018/12/29 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
Python之pymysql的使用小结
2019/07/01 Python
在windows下使用python进行串口通讯的方法
2019/07/02 Python
python 列表、字典和集合的添加和删除操作
2019/12/16 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
Pycharm中安装Pygal并使用Pygal模拟掷骰子(推荐)
2020/04/08 Python
使用Python将xmind脑图转成excel用例的实现代码(一)
2020/10/12 Python
html5 touch事件实现触屏页面上下滑动(二)
2016/03/10 HTML / CSS
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
Gap工厂店:Gap Factory
2017/11/02 全球购物
应聘医药代表职位求职信
2013/10/21 职场文书
部门2014年度工作总结
2014/11/12 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
一年级小学生评语大全
2014/12/25 职场文书
angular4实现带搜索的下拉框
2022/03/25 Javascript
Python如何加载模型并查看网络
2022/07/15 Python