如何实现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 相关文章推荐
25个好玩的JavaScript小游戏分享
Apr 22 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
Jun 20 Javascript
js选择并转移导航菜单示例代码
Aug 19 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
Apr 03 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
Aug 31 Javascript
IONIC自定义subheader的最佳解决方案
Sep 22 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
May 11 Javascript
node通过npm写一个cli命令行工具
Oct 12 Javascript
详解基于Vue的支持数据双向绑定的select组件
Sep 02 Javascript
JS数组方法reduce的用法实例分析
Mar 03 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中的traits简单使用实例
2015/05/13 PHP
使用PHP生成图片的缩略图的方法
2015/08/18 PHP
PHP实现批量上传单个文件
2015/12/29 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
jquery实现div拖拽宽度示例代码
2013/07/31 Javascript
在子窗口中关闭父窗口的一句代码
2013/10/21 Javascript
javascript:void(0)是什么意思示例介绍
2013/11/17 Javascript
jquery遍历select元素(实例讲解)
2013/12/31 Javascript
JQuery选择器绑定事件及修改内容的方法
2015/01/23 Javascript
JavaScript获取按钮所在form表单id的方法
2015/04/02 Javascript
javascript实现仿IE顶部的可关闭警告条
2015/05/05 Javascript
js实现键盘Enter键提交表单的方法
2015/05/27 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
Jquery使用小技巧汇总
2015/12/29 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
2016/01/17 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
javaScript中indexOf用法技巧
2019/11/26 Javascript
python使用7z解压apk包的方法
2015/04/18 Python
Python实现字典按照value进行排序的方法分析
2017/12/23 Python
python实现下载pop3邮件保存到本地
2018/06/19 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
安装PyInstaller失败问题解决
2019/12/14 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
Python小整数对象池和字符串intern实例解析
2020/03/21 Python
研究生自荐信
2013/10/09 职场文书
自我鉴定200字
2013/10/28 职场文书
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
股东合作协议书
2014/04/14 职场文书
《狼和小羊》教学反思
2014/04/20 职场文书
工作分析计划书
2014/04/30 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis