如何实现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实现控制台控件的代码
Sep 04 Javascript
JavaScript入门教程(7) History历史对象
Jan 31 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
Jun 19 Javascript
jQuery.getScript加载同域JS的代码
Feb 13 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
Sep 27 Javascript
jQuery事件用法实例汇总
Aug 29 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
Jul 18 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
Feb 13 Javascript
layui动态表头的实现代码
Aug 22 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 常用类整理
2009/12/23 PHP
paypal即时到账php实现代码
2010/11/28 PHP
防止本地用户用fsockopen DDOS攻击对策
2011/11/02 PHP
php中计算程序运行时间的类代码
2012/11/03 PHP
php传值赋值和传地址赋值用法实例分析
2015/06/20 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
php微信高级接口群发 多客服
2016/06/23 PHP
PHP简单数据库操作类实例【支持增删改查及链式操作】
2016/10/10 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
jQuery动画animate方法使用介绍
2013/05/06 Javascript
jQuery实现分隔条左右拖动功能
2015/11/21 Javascript
ThinkJS中如何使用MongoDB的CURD操作
2016/12/13 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
关于使用axios的一些心得技巧分享
2017/07/02 Javascript
React Native 搭建开发环境的方法步骤
2017/10/30 Javascript
echarts同一页面中四个图表切换的js数据交互方法示例
2018/07/03 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
解决ant Design中this.props.form.validateFields未执行的问题
2020/10/27 Javascript
vue 中this.$set 动态绑定数据的案例讲解
2021/01/29 Vue.js
python mysqldb连接数据库
2009/03/16 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
实例讲解Python爬取网页数据
2018/07/08 Python
Django框架model模型对象验证实现方法分析
2019/10/02 Python
Django实现网页分页功能
2019/10/31 Python
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
入党思想汇报
2014/01/05 职场文书
学生检讨书
2015/01/27 职场文书
英语教师个人工作总结
2015/02/09 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
学生会部长竞选稿
2015/11/19 职场文书
2016年优秀团支部事迹材料
2016/02/26 职场文书
nginx 反向代理之 proxy_pass的实现
2021/03/31 Servers
HAM-2000摩机图
2021/04/22 无线电
mybatis调用sqlserver存储过程返回结果集的方法
2021/05/08 SQL Server