codecamp

EventTarget事件:unload

EventTarget事件 - 卸载

卸载文档或子资源时会触发该卸载事件。

它在以下情况下被触发:

  • beforeunload(可取消的事件)
  • pagehide

该文件处于特定状态:

  • 所有资源仍然存在(IMG,IFRAME等)
  • 最终用户再也看不到任何东西了
  • UI交互是无效的(window.open,警报,确认等)
  • 错误不会停止卸载工作流程

请注意,卸载事件也在文档树之后:父框架卸载将在子框架卸载之前发生(参见下面的示例)。

是否冒泡没有
是否可取消没有
目标对象DefaultViewDocumentElement
接口如果从用户界面生成则为UIEvent,否则为Event
默认操作没有

属性

属性类型描述
target(只读)EventTarget事件目标(DOM树中最顶层的目标)。
type(只读)DOMString事件的类型。
bubbles(只读)boolean事件是否正常冒泡。
cancelable(只读)boolean该事件是否可取消。
view(只读)WindowProxydocument.defaultViewwindow文件)
detail(只读)longfloat0。

示例

<!DOCTYPE html>
<html>
  <head>
    <title>Parent Frame</title>
    <script>
      window.addEventListener('beforeunload', function(event) {
        console.log('I am the 1st one.');
      });
      window.addEventListener('unload', function(event) {
        console.log('I am the 3rd one.');
      });
    </script>
  </head>
  <body>
    <iframe src="child-frame.html"></iframe>
  </body>
</html>

下面,内容儿童frame.html:

<!DOCTYPE html>
<html>
  <head>
    <title>Child Frame</title>
    <script>
      window.addEventListener('beforeunload', function(event) {
        console.log('I am the 2nd one.');
      });
      window.addEventListener('unload', function(event) {
        console.log('I am the 4th and last one…');
      });
    </script>
  </head>
  <body>
  </body>
</html>

卸载父框架时,将按执行console.log消息描述的顺序触发事件。

规范

规范状态注释
UI事件
该规范中“卸载”的定义。
工作草案
 
EventTarget事件:select
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Fetch API官方文档指南

Fetch API方法

WindowOrWorkerGlobalScope执行者:window

window属性

WindowOrWorkerGlobalScope执行者:WorkerGlobalScope

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }