CloseWatcher: close 事件

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

当收到关闭请求时,会在 CloseWatcher 对象上触发一个 close 事件,仅当前面的 cancel 事件未被取消时才会触发。

close 事件处理程序是调用关闭 UI 组件代码的地方:这可确保组件能够通过特定于平台的关闭信号或通过调用 CloseWatcher.requestClose() 来正确关闭。

语法

在诸如 addEventListener() 之类的方法中使用事件名称,或设置事件处理程序属性。

js
addEventListener("close", (event) => { })

onclose = (event) => { }

事件类型

一个 Event 对象。

示例

使用 close 事件

使用 close 事件来监听关闭请求。

js
watcher.addEventListener("close", () => {
  // Close your UI component
  sidebar.hide();
});

规范

规范
HTML
# handler-closewatcher-onclose

浏览器兼容性