gpt4 book ai didi

javascript - 为什么动画事件的elapsedTime属性未定义

转载 作者:行者123 更新时间:2023-11-28 17:35:54 25 4
gpt4 key购买 nike

我正在尝试访问动画事件的 elapsedTime 属性,如 MDN 中所示。 .

当我检查对象时,我可以看到具有相应值的属性,但是当我在控制台中记录它时,我变得不确定。以下是示例代码:

HTML

<div id='box'></div>

CSS

#box {
position:absolute;
top:0;
left:0;
width:50px;
height:50px;
background:red;
animation: move 5s infinite;
}

@keyframes move {
0% { left: 0; }
50% { left:90%; }
100% { left: 0;}
}

JS

$("#box").on("animationiteration webkitAnimationIteration", function (e) {
console.log(e.elapsedTime); // this logs undefined
});

我已经设置了一个 fiddle here

最佳答案

正确的语法是

console.log(e.originalEvent.elapsedTime);

在javaScript事件中,变量是elapsedtime,所以你可以像以前一样访问它

javascriptevent.elapsedTime

但是,您是在 jQuery 中设置事件函数。 jQuery 事件有很多镜像的 javascript 变量,但不是全部。

要访问 jQuery 事件中未镜像的 javascript 变量,您有 originalEvent 对象,即 jQuery 事件中的原始 javascript 事件。

所以,语法是

jQueryEvent.originalEvent.elapsedTime

使用相同的语法访问所有未在 jQuery 事件中镜像的变量

关于javascript - 为什么动画事件的elapsedTime属性未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25080498/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com