如何实现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 相关文章推荐
window.open的功能全解析
Oct 10 Javascript
js动态拼接正则表达式的两种方法
Mar 04 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
Nov 22 Javascript
vue中的适配px2rem示例代码
Nov 19 Javascript
vue+iview 兼容IE11浏览器的实现方法
Jan 07 Javascript
JavaScript中filter的用法实例分析
Feb 27 Javascript
JavaScript动态添加数据到表单并提交的几种方式
Jun 26 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
JS实现灯泡开关特效
Mar 30 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
Nov 14 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中的时间显示
2007/01/18 PHP
解析PHP可变函数的经典用法
2013/06/20 PHP
ThinkPHP调用百度翻译类实现在线翻译
2014/06/26 PHP
最准确的php截取字符串长度函数
2015/10/29 PHP
phpmailer绑定邮箱的实现方法
2016/12/01 PHP
详解PHP数据压缩、加解密(pack, unpack)
2016/12/17 PHP
php操作access数据库的方法详解
2017/02/22 PHP
PHP实现正则匹配所有括号中的内容
2018/06/22 PHP
javascript实现详细时间提醒信息效果的方法
2015/03/11 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
JS实现JSON.stringify的实例代码讲解
2017/02/07 Javascript
vue-cli 构建骨架屏的方法示例
2018/11/08 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
[02:02]DOTA2英雄基础教程 斯拉达
2013/12/11 DOTA
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
Python ORM框架SQLAlchemy学习笔记之安装和简单查询实例
2014/06/10 Python
Python中处理字符串之isalpha()方法的使用
2015/05/18 Python
python代码实现ID3决策树算法
2017/12/20 Python
python编写微信远程控制电脑的程序
2018/01/05 Python
解决pyttsx3无法封装的问题
2018/12/24 Python
解决pycharm工程启动卡住没反应的问题
2019/01/19 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
2019/03/11 Python
python中下标和切片的使用方法解析
2019/08/27 Python
python3光学字符识别模块tesserocr与pytesseract的使用详解
2020/02/26 Python
Django choices下拉列表绑定实例
2020/03/13 Python
matplotlib之属性组合包(cycler)的使用
2021/02/24 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
html5的canvas方法使用指南
2014/12/15 HTML / CSS
HTML5触摸事件演化tap事件介绍
2016/03/25 HTML / CSS
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
2014年安全生产目标责任书
2014/07/23 职场文书
教师党的群众路线教育实践活动个人整改措施
2014/11/04 职场文书
水知道答案观后感
2015/06/08 职场文书
Nginx域名转发使用场景代码实例
2021/03/31 Servers
python游戏开发之pygame实现接球小游戏
2022/04/22 Python