关闭浏览器时提示onbeforeunload事件


Posted in Javascript onDecember 25, 2013

onbeforeunload事件 它是这样用的:

<script language="javascript">  
    g_blnCheckUnload = true;  
    function RunOnBeforeUnload() {      
        if (g_blnCheckUnload) {
        window.event.returnValue = 'You will lose any unsaved content';        
        }    
    } 
</script>
<body  onbeforeunload="RunOnBeforeUnload()"> 
</body>

这样每次关闭浏览器窗口或涮新页面时,都要触发onbeforeunload这个事件。

摘抄如下:onbeforeunload事件:

注:三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。

用法:

object.onbeforeunload = handler
<element onbeforeunload = “handler” … ></element>
描述: 事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。 handler可以设一个返回值作为该对话框的显示文本。

触发于:

关闭浏览器窗口
通过地址栏或收藏夹前往其他页面的时候
点击返回,前进,刷新,主页其中一个的时候
点击 一个前往其他页面的url连接的时候
调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
重新赋予location.href的值的时候。
通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素: BODY, FRAMESET, window

平台支持: IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+

Javascript 相关文章推荐
img标签中onerror用法
Aug 13 Javascript
js模拟类继承小例子
Jul 17 Javascript
js hover 定时器(实例代码)
Nov 12 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
深入浅出es6模板字符串
Aug 26 Javascript
利用javascript如何随机生成一定位数的密码
Sep 22 Javascript
浅谈React的最大亮点之虚拟DOM
May 29 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
Nov 06 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
Dec 13 Javascript
vue 手机物理监听键+退出提示代码
Sep 09 Javascript
uniapp实现横向滚动选择日期
Oct 21 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 #Javascript
优化javascript的执行效率一些方法总结
Dec 25 #Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
Dec 25 #Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 #Javascript
js 动态加载事件的几种方法总结
Dec 25 #Javascript
js 鼠标移动显示图片的简单实例
Dec 25 #Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 25 #Javascript
You might like
PHP+Mysql日期时间如何转换(UNIX时间戳和格式化日期)
2012/07/15 PHP
PHP中static关键字以及与self关键字的区别
2015/07/01 PHP
PHP网站自动化配置的实现方法(必看)
2017/05/27 PHP
Laravel框架使用技巧之使用url()全局函数返回前一个页面的地址方法详解
2020/04/06 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
js 加密压缩出现bug解决方案
2014/11/25 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
js倒计时简单实现方法
2015/12/17 Javascript
多种JQuery循环滚动文字图片效果代码
2020/06/23 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
Javascript 实现简单计算器实例代码
2016/10/23 Javascript
Express URL跳转(重定向)的实现方法
2017/04/07 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
2017/09/19 Javascript
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
vue基础之使用get、post、jsonp实现交互功能示例
2019/03/12 Javascript
详解react组件通讯方式(多种)
2020/05/06 Javascript
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07
2020/11/10 DOTA
使用SAE部署Python运行环境的教程
2015/05/05 Python
python3新特性函数注释Function Annotations用法分析
2016/07/28 Python
Python使用functools实现注解同步方法
2018/02/06 Python
python实现拓扑排序的基本教程
2018/03/11 Python
python按照多个条件排序的方法
2019/02/08 Python
selenium判断元素是否存在的两种方法小结
2020/12/07 Python
AmazeUI 折叠面板的实现代码
2020/08/17 HTML / CSS
Willer台湾:日本高速巴士/夜行巴士预约
2017/07/09 全球购物
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
毕业生就业自荐信
2013/12/04 职场文书
寒假思想汇报
2014/01/10 职场文书
目标责任书范本
2014/04/16 职场文书
授权委托书公证
2014/09/14 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
总结Python常用的魔法方法
2021/05/25 Python
JavaScript执行机制详细介绍
2021/12/06 Javascript