<转>js onload/onunload/onbeforeunload事件
来源:互联网 发布:淘宝如何招募分销商 编辑:程序博客网 时间:2024/04/30 23:59
onunload事件
浏览器卸载页面后执行的事件, 虽然网上的资料没说什么兼容性的问题,但是实践发现兼容性并不理想。
使用方法
//JS documentwindow.onunload = function(){alert("unload is work");}
浏览器兼容情况
IE6,IE7,IE8 中 刷新页面、关闭浏览器之后、页面跳转之后都会执行;
IE9 刷新页面 会执行,页面跳转、关闭浏览器不能执行;
firefox(包括firefox3.6) 关闭标签之后、页面跳转之后、刷新页面之后能执行,但关闭浏览器不能执行;
Safari 刷新页面、页面跳转之后会执行,但关闭浏览器不能执行;
Opera、Chrome 任何情况都不执行。
onbeforeunload事件
页面跳转时触发的事件。
使用方法
//JS documentwindow.onbeforeunload = function(){return "onbeforeunload is work";}
return 的值 为你需要告诉用户的提示信息如上面demo的话浏览器的提示是这样(firefox 并不支持文字提醒):
值得注意的是,网上流传说 可以通过检查 e.clientX e.clientY 判断 用户是否点击 右上角关闭浏览器的,但是实践发现 只有 IE6,IE7,IE8 能获取得到具体数值,其他浏览器均为 undefined。
浏览器兼容情况
IE、Chrome、Safari 完美支持
Firefox 不支持文字提醒信息
Opera 不支持
IE6,IE7 使用 onbeforeunload 遇到的bug
凡是 <a> 标签 都会触发 onbeforeunload事件 包括 href=”javascript:void(0)” 这种。
在IE6,IE7 下面 点击 里面的 a 标签,蛋疼的事情就发生了。
解决方法:给这 a标签的 父级 添加 onclick=function(){return false} 即可,不过添加了这个之后 要确保 父级里面没有 input type=”checkbox” 的标签,否则会导致其无效不可点击。
0 0
- <转>js onload/onunload/onbeforeunload事件
- onload 、onunload 、onbeforeunload区别
- onload onunload onbeforeunload使用
- 关于js监控onbeforeunload与onunload事件
- onload、onunload、onbeforeunload的区别
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- onunload,onbeforeunload,load事件
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- onbeforeunload与onunload事件
- jdom解析xml
- unity3d结合轮廓显示,实现完整的框选目标(附Demo代码)
- cocos2dx如何使用CCFileUtils进行文件查找的
- g++/make: C++程序文件组织模版
- sql中in和exists的区别效率问题
- <转>js onload/onunload/onbeforeunload事件
- 什么是DMA
- java中的值传递和引用传递到底有什么区别
- onethink后台登录验证码不显示问题
- PinnedHeaderExpandableListView expandListView
- Android中颜色透明度对应16进制值
- ibatis(学习1)--sqlMapConfig sqlMap的配置,和sqlMap中的各种语法
- Android list view inside a scroll view auto scroll issue,在ScrollView中嵌套ListView,当ListView数据多时,避免自动跳
- 交互图—合作图(collaboration Diagram)