此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

Animation.oncancel

基线 广泛可用

自 2020年3月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

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

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

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

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

语法

js
addEventListener("cancel", (event) => { })
oncancel = (event) => { }

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

例子

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

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

标准

规范
Web Animations
# dom-animation-oncancel
Web Animations
# cancel-event

浏览器兼容性

参见