Animation.oncancel

Baseline 2022

Newly available

Since September 2022, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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

Web Animations APIAnimation 接口的 oncancel 属性是 cancel 事件的事件处理程序。

当动作从其他状态进入 "idle" 播放状态,例如当动画在结束播放后从元素中移除时,cancel 事件可以 Animation.cancel() 被手动触发。

备注: 在新的动画中,创建一个新的初始的空闲动画不会触发 cancel 事件。

语法

var cancelHandler = Animation.oncancel;

Animation.oncancel = cancelHandler;

当动画被取消时,这个函数将会被执行。默认是 null

例子

如果动画被取消,将会从元素中移除它。

js
animation.oncancel = animation.effect.target.remove();

标准

Specification
Web Animations
# dom-animation-oncancel
Web Animations
# cancel-event

浏览器兼容性

BCD tables only load in the browser

参见