Question

我希望在鼠标离开之前获取data$Combine <- sapply(data$Combine, function(t) substr(t, 1, nchar(t)-2)) data的当前值。在当前状态下，当鼠标已经离开我的按钮并返回transform: rotate时，事件似乎被抓住了。此时此情况属实。

我的观点是在反向模式下播放相同的动画。为此，我需要获取轮换的当前值并从0deg转换为Xdeg。我首先尝试在完整的CSS中完成它，但是当鼠标离开时动画突然被破坏了。我还尝试在鼠标不在按钮上时播放另一个动画，但结果不像我预期的那样干净，因为它从预定义的值开始，而不是当前的旋转值。

你可以在这里找到我的小提琴：https://jsfiddle.net/yn460w6j/

感谢学位函数@lakenen，btw！

Answer 1

我很少玩，只用js来解决这个问题。鼠标悬停在按钮上时，我正在向微调器添加类。接下来，当mouseleave我在停止动画迭代上设置监听器。完成后我只需从微调器中删除动画类。

var $spinner = $("#random_glyph");
var $button = $("#random_button");            

$button.on("mouseover", function() { 
    $spinner.addClass('animation');
 });

$button.on("mouseleave", function() {
    $button.bind("webkitAnimationIteration, mozAnimationIteration, animationiteration", function(e){    
        $spinner.removeClass('animation');  
        $(this).unbind(e);
    });
});

https://jsfiddle.net/9jLstovx/

在鼠标离开之前捕获CSS值

1 个答案: