如何实现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 相关文章推荐
JavaScript语句可以不以;结尾的烦恼
Mar 08 Javascript
Mootools 1.2教程(3) 数组使用简介
Sep 14 Javascript
EXT窗口Window及对话框MessageBox
Jan 27 Javascript
jquery单行文字向上滚动效果示例
Mar 06 Javascript
jQuery插件Tmpl的简单使用方法
Apr 27 Javascript
jQuery实现鼠标经过像翻页和描点链接效果
Aug 08 Javascript
JS判断数组那点事
Oct 10 Javascript
小程序实现带年月选取效果的日历
Jun 27 Javascript
js实现图片上传并预览功能
Aug 06 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
Vue数字输入框组件的使用方法
Oct 19 Javascript
详解React 条件渲染
Jul 08 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中读写文件实现代码
2011/10/20 PHP
php中用socket模拟http中post或者get提交数据的示例代码
2013/08/08 PHP
thinkphp的c方法使用示例
2014/02/24 PHP
Zend Framework教程之Zend_Controller_Plugin插件用法详解
2016/03/07 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
Thinkphp5框架ajax接口实现方法分析
2019/08/28 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
Js中sort()方法的用法
2006/11/04 Javascript
javascript 数组的方法集合
2008/06/05 Javascript
js中eval详解
2012/03/30 Javascript
js里怎么取select标签里的值并修改
2012/12/10 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
2013/06/28 Javascript
在表单提交前进行验证的几种方式整理
2013/07/31 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
2014/01/11 Javascript
javascript中href和replace的比较(详解)
2016/11/25 Javascript
javascript获取以及设置光标位置
2017/02/16 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
Angular-UI Bootstrap组件实现警报功能
2018/07/16 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
使用IronPython把Python脚本集成到.NET程序中的教程
2015/03/31 Python
python数据清洗系列之字符串处理详解
2017/02/12 Python
python之pandas用法大全
2018/03/13 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
Python 使用指定的网卡发送HTTP请求的实例
2019/08/21 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
美国著名珠宝品牌之一:Jared The Galleria Of Jewelry
2016/10/01 全球购物
CHARLES & KEITH台湾官网:新加坡时尚品牌
2019/07/30 全球购物
Hotels.com韩国:海外国内旅行所需的酒店和住宿预订网站
2020/05/08 全球购物
几道数据库的面试题或笔试题
2014/05/31 面试题
J2EE相关知识面试题
2013/08/26 面试题
国贸专业求职信
2014/06/28 职场文书
SQL Server数据库备份和恢复数据库的全过程
2022/06/14 SQL Server