关闭浏览器时提示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 相关文章推荐
JavaScript中URL编码函数代码
Jan 11 Javascript
javascript检测页面是否缩放的小例子
May 16 Javascript
js中函数调用的两种常用方法使用介绍
Jul 17 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
jQuery插件编写步骤详解
Jun 03 Javascript
省市选择的简单实现(基于zepto.js)
Jun 21 Javascript
js获取腾讯视频ID的方法
Oct 03 Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
ES6的异步终极解决方案分享
Jul 11 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
Aug 13 Javascript
vue 基于abstract 路由模式 实现页面内嵌的示例代码
Dec 14 Vue.js
从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实现微信公众号主动推送消息
2015/12/31 PHP
使用laravel指定日志文件记录任意日志
2019/10/17 PHP
PHP 数组操作详解【遍历、指针、函数等】
2020/05/13 PHP
js实现按钮控制图片360度翻转特效的方法
2015/02/17 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
javascript实现点击单选按钮链接转向对应网址的方法
2015/08/12 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
JS经典正则表达式笔试题汇总
2016/12/15 Javascript
Vue 滚动行为的具体使用方法
2017/09/13 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
2018/09/18 Javascript
js canvas实现橡皮擦效果
2018/12/20 Javascript
基于Three.js实现360度全景图片
2018/12/30 Javascript
JavaScript监听触摸事件代码实例
2019/12/30 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
如何利用javascript接收json信息并进行处理
2020/08/06 Javascript
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
Python实现Linux中的du命令
2017/06/12 Python
python实现百万答题自动百度搜索答案
2018/01/16 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
flask中过滤器的使用详解
2018/08/01 Python
python集合能干吗
2020/07/19 Python
Python如何使用神经网络进行简单文本分类
2021/02/25 Python
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
求职简历的自我评价怎样写好
2013/10/07 职场文书
大学生个人简历中的自我评价
2013/12/27 职场文书
中秋晚会策划方案
2014/06/12 职场文书
中国梦读书活动总结
2014/07/10 职场文书
小学生迎国庆演讲稿
2014/09/05 职场文书
项目安全员岗位职责
2015/02/15 职场文书
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库
华为HarmonyOS3.0强在哪? 看看鸿蒙3.0这7个小功能
2023/01/09 数码科技