Events 冒泡CSS动画事件

因此，根据（这是有意义的）

AnimationEvent

具有

bubble

参数，但如何将其设置为true？考虑到事件是从CSS动画触发的。

好的，结果是CSS会触发气泡事件，例如：

HTML:

JS:

您将看到两个事件被触发。我遇到的问题是，我使用了jQuery的

bind（）

，这会绑定到一个特定的选择器，而不是侦听冒泡事件（我想）

<ul id="ul">
    <li>
        <a id="a">Some text!</a>
    </li>
</ul>

a
{
    color: red;
}
a:hover
{
    -webkit-animation-duration: 1s;  
    -webkit-animation-name: change-color;
} 

@-webkit-keyframes change-color {  
    from 
    {  
        color: red;
    }  

    to 
    {  
        color: blue;
    }  
}

var a   = document.getElementById( 'a' );
var ul  = document.getElementById( 'ul' );

a.addEventListener( 'webkitAnimationEnd', handleEnd );
ul.addEventListener( 'webkitAnimationEnd', handleEnd );

function handleEnd(e)
{
    console.log(e);
}