如何实现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 相关文章推荐
jquery键盘事件介绍
Jan 31 Javascript
解析Javascript中中括号“[]”的多义性
Dec 03 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
Jun 30 Javascript
点击表单提交时出现jQuery没有权限的解决方法
Jul 23 Javascript
jquery插件推荐浏览器嗅探userAgent
Nov 09 Javascript
jQuery之动画效果大全
Nov 09 Javascript
Node.js实现文件上传的示例
Jun 28 Javascript
koa大型web项目中使用路由装饰器的方法示例
Apr 02 Javascript
Node爬取大批量文件的方法示例
Jun 28 Javascript
jquery实现加载更多&quot;转圈圈&quot;效果(示例代码)
Nov 09 jQuery
JavaScript实现栈结构详细过程
Dec 06 Javascript
threejs太阳光与阴影效果实例代码
Apr 05 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中获取变量的变量名的一段代码的bug分析
2011/07/07 PHP
PHP批量去除BOM头内容信息代码
2016/03/11 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
php调用云片网接口发送短信的实现方法
2017/10/25 PHP
php工具型代码之印章抠图
2018/07/18 PHP
jquery 插件开发备注
2010/08/27 Javascript
js文本框输入点回车触发确定兼容IE、FF等
2013/11/19 Javascript
js捕获鼠标滚轮事件代码
2013/12/16 Javascript
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
AngularJS基础知识笔记之表格
2015/05/10 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
2015/10/21 Javascript
利用React-router+Webpack快速构建react程序
2016/10/27 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
swiper自定义分页器使用方法详解
2020/09/14 Javascript
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
jquery 实现拖动文件上传加载进度条功能
2018/03/18 jQuery
JS简单生成由字母数字组合随机字符串示例
2018/05/25 Javascript
vue2.0 + ele的循环表单及验证字段方法
2018/09/18 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
2019/08/09 Javascript
浅谈javascript错误处理
2019/08/11 Javascript
微信小程序通过js实现瀑布流布局详解
2019/08/28 Javascript
Python自动重试HTTP连接装饰器
2015/04/28 Python
Python实现批量修改文件名实例
2015/07/08 Python
Python之re操作方法(详解)
2017/06/14 Python
Python使用getpass库读取密码的示例
2017/10/10 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
python可视化实现KNN算法
2019/10/16 Python
基于Python的接口自动化unittest测试框架和ddt数据驱动详解
2021/01/27 Python
退伍老兵事迹材料
2014/01/31 职场文书
大学生党员自我批评
2014/02/14 职场文书
气象学专业个人求职信
2014/03/15 职场文书
css3 filter属性的使用简介
2021/03/31 HTML / CSS
redis哨兵常用命令和监控示例详解
2021/05/27 Redis