我在div中有一个跨度，div有一个onfocus()事件，而跨度有一个onclick()，如下所示：
<div id="divEl" tabindex="0">
<span id="spanEl"></span>
</div>
https://jsfiddle.net/nyva4jrc/
当点击跨度时，div.focus事件会先触发，尽管根据我的理解，它应该只在点击冒泡到div后才会触发。
这是否有原因，并且在这种情况下定义了事件触发顺序？对于不同事件触发的顺序是否有任何参考？