关闭浏览器时提示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 相关文章推荐
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
js获取当前select 元素值的代码
Apr 19 Javascript
js自定义事件及事件交互原理概述(二)
Feb 01 Javascript
ECMAScript6的新特性箭头函数(Arrow Function)详细介绍
Jun 07 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
Jun 09 Javascript
利用jQuery实现简单的拖曳效果实例代码
Oct 20 jQuery
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
使用Vue实现简单计算器
Feb 25 Javascript
JS+CSS实现过渡特效
Jan 02 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
使用PHPExcel操作Excel用法实例分析
2015/03/26 PHP
javaScript parseInt字符转化为数字函数使用小结
2009/11/05 Javascript
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
javascript解析json实例详解
2014/11/05 Javascript
javascript中局部变量和全局变量的区别详解
2015/02/27 Javascript
javascript实现省市区三级联动下拉框菜单
2015/11/17 Javascript
JS生成不重复的随机数组的简单实例
2016/07/10 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
Django+Vue跨域环境配置详解
2018/07/06 Javascript
详解Ubuntu安装angular-cli遇到的坑
2018/09/08 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
2020/08/10 Javascript
[04:14]从西雅图到上海——玩家自制DOTA2主题歌曲应援TI9
2019/07/11 DOTA
Python元组及文件核心对象类型详解
2018/02/11 Python
PyCharm代码整体缩进,反向缩进的方法
2018/06/25 Python
Django 视图层(view)的使用
2018/11/09 Python
Python操作mongodb数据库的方法详解
2018/12/08 Python
基于python实现ROC曲线绘制广场解析
2020/06/28 Python
使用SimpleITK读取和保存NIfTI/DICOM文件实例
2020/07/01 Python
如何卸载python插件
2020/07/08 Python
Python 中如何使用 virtualenv 管理虚拟环境
2021/01/21 Python
南非领先的在线旅行社:Travelstart南非
2016/09/04 全球购物
Weekendesk意大利:探索多种引人入胜的周末主题
2016/10/14 全球购物
Alba Moda德国网上商店:意大利时尚女装销售
2016/11/14 全球购物
斯德哥尔摩通票:Stockholm Pass
2018/01/09 全球购物
《美丽的丹顶鹤》教学反思
2014/04/22 职场文书
学风建设演讲稿
2014/09/12 职场文书
党的群众路线教育实践活动查摆剖析材料
2014/10/10 职场文书
2015年教学工作总结
2015/04/02 职场文书
2016学习医德医风心得体会
2016/01/25 职场文书
python3 删除所有自定义变量的操作
2021/04/08 Python
详解Java实践之抽象工厂模式
2021/06/18 Java/Android
MySql统计函数COUNT的具体使用详解
2022/08/14 MySQL