这是
实验性技术
检查
浏览器兼容性表格
要小心谨慎在生产中使用这之前。
commitStyles()
方法在
Web 动画 API
's
动画
interface commits the end styling state of an animation to the element being animated, even after that animation has been removed. It will cause the end styling state to be written to the element being animated, in the form of properties inside a
style
属性。
animation.commitStyles();
None.
None.
const divElem = document.querySelector('div');
document.body.addEventListener('mousemove', evt => {
let anim = divElem.animate(
{ transform: `translate(${ evt.clientX}px, ${evt.clientY}px)` },
{ duration: 500, fill: 'forwards' }
);
anim.commitStyles();
});
| 规范 | 状态 | 注释 |
|---|---|---|
|
Web 动画
The definition of 'commitStyles()' in that specification. |
工作草案 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
commitStyles
|
Chrome
不支持
No
注意事项
|
Edge 不支持 No | Firefox 75 | IE 不支持 No | Opera 不支持 No | Safari 13.1 | WebView Android 不支持 No |
Chrome Android
不支持
No
注意事项
|
Firefox Android 不支持 No | Opera Android 不支持 No |
Safari iOS
部分支持
13.4
注意事项
|
Samsung Internet Android 不支持 No |
完整支持
部分支持
不支持
实验。期望将来行为有所改变。
见实现注意事项。
动画
for other methods and properties you can use to control web page animation.
动画