HTML5-常见的事件- beforeunload事件
2016-07-24 11:39
399 查看
当我们在日常访问某些网站时,关闭当前网页时出现如下提示:
beforeunload 事件就可以完成这样的事情,该事件发生时机:页面卸载之前,可以通过它来取消卸载并继续使用原有页面。
为了显示上面弹出对话框,
必须将IE Fiefox中必须设置event.returnValue 设置为要显示给用户的字符串; 同时作为函数的返回值返回(对Safari和Chrome而言),如下例子
IE、Firfox 、Safari 、Chrome 都支持beforeunload事件。Opera11版本之前不支持
beforeunload 事件就可以完成这样的事情,该事件发生时机:页面卸载之前,可以通过它来取消卸载并继续使用原有页面。
为了显示上面弹出对话框,
必须将IE Fiefox中必须设置event.returnValue 设置为要显示给用户的字符串; 同时作为函数的返回值返回(对Safari和Chrome而言),如下例子
EventUtil.addHandler(window, "beforeunload", function (event) { event = EventUtil.getEvent(event); var message = "你确定离开此页面吗?"; event.returnValue = message; return message; });
IE、Firfox 、Safari 、Chrome 都支持beforeunload事件。Opera11版本之前不支持
相关文章推荐
- HTML5-常见的事件- contextmenu 事件
- HTML5基础学习笔记(二十)
- HTML5基础学习笔记(十九)
- HTML5基础学习笔记(十七)
- HTML5网页新风格总结(与html4对比)
- HTML5学习笔记(一)
- HTML5(七)表格-table标签、tr标签、td标签
- html5新标签dataList
- h5实例-上下滑动页面
- html5上拉下拉刷新分页实现
- HTML5和CSS3扁平化风格博客
- html5 draggable
- 【HTML5】 web上的音频
- H5用FormData对象提交表单及上传文件
- HTML5基础学习笔记(十六)
- H5学习之4 拖拽元素 放置元素2
- h5交互元素details标签
- H5学习之3 拖拽元素 放置元素
- H5学习之2 video标签的使用
- H5学习之1 audio标签的使用