Javascript 事件处理顺序“；鼠标向下，鼠标向上，单击"&；chrome中的超时

在研究了关于事件循环、消息队列、javascript堆栈等的几页之后，我尝试了以下方法：

点击我！

var innerP=document.getElementById（'innerP'）；
var span=document.getElementById（'span'）；
var child=document.getElementById（'child'）；
var parent=document.getElementById（'parent'）；
var text=document.getElementById（'text'）；
函数eventHandler（oEvent）{
var id=oEvent.currentTarget.id；
变量类型=oEvent.type；
text.textContent+=oEvent.type+“：“+oEvent.currentTarget.id+”，”；
setTimeout（函数（）{
text.textContent+=“单击超时：”+id+“，“+type+”，”；
},0);
}
innerP.onclick=eventHandler；
span.onclick=eventHandler；
child.onclick=eventHandler；
parent.onclick=eventHandler；
innerP.onmousedown=eventHandler；
span.onmousedown=eventHandler；
child.onmousedown=eventHandler；
parent.onmousedown=eventHandler；
innerP.onmouseup=eventHandler；
span.onmouseup=eventHandler；
child.onmouseup=eventHandler；
parent.onmouseup=eventHandler；