冒泡一个CSS动画事件

Question

所以根据MDN（它是有道理的）AnimationEvent有bubble的论点，但如何将它设置为true？考虑到事件是从CSS动画中触发的。

Answer 1

好吧，事实证明，CSS做泡沫事件，例如：

HTML：

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

CSS：

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

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

    to 
    { 
     color: blue; 
    } 
} 

JS：

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

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

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

你会看到两起事件被解雇。我遇到的问题是我使用jQuery的bind()，这绑定到一个特定的选择器，而不是听泡泡事件（我认为）。