HTML5-常见的事件- beforeunload事件

当我们在日常访问某些网站时,关闭当前网页时出现如下提示:

  

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版本之前不支持

时间: 2024-10-05 17:36:56

HTML5-常见的事件- beforeunload事件的相关文章

如何取消下载文件的beforeunload事件

js/jQuery中可以为页面绑定beforeunload事件,关闭.刷新.跳转页面时都将触发. 但如果想通过location.href的形式下载文件,它也会触发beforeunload事件. 取消的方法很简单:点击按钮时让window不再监听beforeunload事件,等点击完按钮后再重新为window绑定beforeunload事件. 代码如下: $("button#download").mousedown(function(){ $(window).off('beforeunl

移动端前端常见的触摸相关事件touch、tab、swipe等整理

前端的很多事件在PC端和浏览器端可公用,但有些事件却只在移动端产生,如触摸相关的事件 本文整理了移动端常见的一些事件,包括原生支持的click.touch.tab.swipe事件,也有定义型的gesture手势事件(目前只是一个概念,使用的时候需封装模拟) 使用到的是移动端的Chrome浏览器,本文只对该浏览器进行调试,其他浏览器暂未考虑到 一.事件定义及分类 1. click事件 单击事件,类似于PC端的click,但在移动端中,连续click的触发有200ms ~ 300ms的延迟 2. t

beforeunload事件

1.beforeunload事件: beforeunload事件在当页面卸载(关闭)或刷新时调用,事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页.handler可以设一个返回值作为该对话框的显示文本. 1 window.addEventListener('beforeunload',handler); var handler = function(event) { event = event || window.event; // 如果内容为空,那么后面就不管了,

html5之服务器推送事件

用于服务器实时向客户端推送消息,这个是单向推送server to client 服务器端 header头 要想服务器端推送:在服务器端的报头要定义: header('Content-Type:text/event-stream'),服务器发送的响应内容应该使用这种`text/event-stream`的MIME;这样客户端才能理解你这是发送的不是普通的数据, eventsource对象才能识别 事件流 服务器端发送事件流(内容); 每执行一次php文件就产生一个事件流: 事件流是由多个消息组成:

HTML5常见的面试题,基础知识点

                                                                                HTML5常见的面试题 一.HTML 常见题目 01.Doctype作用?严格模式与混杂模式如何区分?它们有何意义? 02.HTML5 为什么只需要写 <!DOCTYPE HTML>? 03.行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 04.页面导入样式时,使用link和@import有什么区别? 05.介绍一下你对浏

三言两语之js事件、事件流以及target、currentTarget、this那些事

厉害了我的哥——你是如此简单我却将你给遗忘   放假前再看某文档,里边提到两个我既熟悉又陌生的概念target.currentTarget,说他熟悉我曾经看到过这两个事件对象的异同处,说他陌生吧?很不巧.正要运用了,吾才发现吾压根就没记住...其实要讲清楚target.currentTarget,我们就不得不说一下事件流这个概念,而要言明事件流,我们也要晓得一下神马是事件以及一些周边生态概念,这三个概念是必须放在一块说,我们才能对能对这部分的知识有很好的理解滴,网上信息太零散,于是乎就有了这篇算

浏览器事件以及事件代理

以前对事件的了解停留在事件冒泡的概念. 一提到就想到了事件不断的向上冒泡的过程 其实常见的事件模型分为事件冒泡,事件捕获 事件冒泡 在我们使用的所有浏览器中,都支持事件冒泡,即事件由子元素向祖先元素传播. 事件捕获 在firefox,chrome,safari这类标准浏览器中还支付事件捕获(IE Opera不支持) 捕获阶段是一个和冒泡阶段完全相反的过程,即事件由祖先元素向子元素传播,和一个石子儿从水面向水底下沉一样,要说明的是在 IE,opera浏览器中,是不存在这个阶段的. 具体实现异同点:

Android异步框架RxJava 1.x系列(二) - 事件及事件序列转换原理

前言 在介绍 RxJava 1.x 线程调度器之前,首先引入一个重要的概念 - 事件序列转换.RxJava 提供了对事件序列进行转换的支持,这是它的核心功能之一. 正文 1. 事件序列转换定义 所谓转换,就是将事件序列中的对象或整个序列进行加工处理,转换成不同的事件或事件序列,有点类似 Java 1.8 中的流处理. 2. 事件序列转换API 首先看一个 map() 的例子: Observable.just("images/logo.png") // 输入类型 String .map(

JavaScript-4.5 事件大全,事件监听---ShinePans

绑定事件 <input type="bubtton" onclick="javascript:alert('I am clicked');"> 处理事件 <script language="JavaScript" for="对象" event="事件"> ... (事件处理代码) ... </script> 鼠标事件举例 <script language="