如何实现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获取服务器时间的两个简单方法
Jan 08 Javascript
JS小游戏之仙剑翻牌源码详解
Sep 25 Javascript
js实现ArrayList功能附实例代码
Oct 29 Javascript
JavaScript中数组成员的添加、删除介绍
Dec 30 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 Javascript
用JS生成UUID的方法实例
Mar 30 Javascript
原生js实现百叶窗效果及原理介绍
Apr 12 Javascript
JS给Array添加是否包含字符串的简单方法
Oct 29 Javascript
js 数组详细操作方法及解析合集
Jun 01 Javascript
JavaScript 正则命名分组【推荐】
Jun 07 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 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
美图秀秀web开放平台--PHP流式上传和表单上传示例分享
2014/06/22 PHP
Zend Framework教程之配置文件application.ini解析
2016/03/10 PHP
全面解析PHP面向对象的三大特征
2017/06/10 PHP
动态刷新 dorado树的js代码
2009/06/12 Javascript
js中function()使用方法
2013/12/24 Javascript
使用jquery.upload.js实现异步上传示例代码
2014/07/29 Javascript
jquery插件splitScren实现页面分屏切换模板特效
2015/06/16 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
2015/07/28 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
JavaScript基础知识及常用方法总结
2016/01/10 Javascript
node.js微信公众平台开发教程
2016/03/04 Javascript
使用vs code开发Nodejs程序的使用方法
2017/09/21 NodeJs
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
微信小程序签到功能
2018/10/31 Javascript
Vue中的methods、watch、computed的区别
2018/11/26 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
JS实现返回上一页并刷新页面的方法分析
2019/07/16 Javascript
关于layui的动态图标不显示的解决方法
2019/09/04 Javascript
Weex开发之WEEX-EROS开发踩坑(小结)
2019/10/16 Javascript
JavaScript实现栈结构Stack过程详解
2020/03/07 Javascript
python基础教程之常用运算符
2014/08/29 Python
python判断字符串是否纯数字的方法
2014/11/19 Python
理解生产者消费者模型及在Python编程中的运用实例
2016/06/26 Python
python的exec、eval使用分析
2017/12/11 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
python二进制读写及特殊码同步实现详解
2019/10/11 Python
html5中canvas学习笔记1-画板的尺寸与实际显示尺寸
2013/01/06 HTML / CSS
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
介绍一下gcc特性
2012/01/20 面试题
检查机关领导群众路线教育实践活动个人整改措施
2014/10/28 职场文书
公司保洁员管理制度
2015/08/04 职场文书
大学生社会实践感想
2015/08/11 职场文书
六年级语文教学反思
2016/03/03 职场文书
2016年基层党组织公开承诺书
2016/03/25 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书