javascript中奇怪事件

 为啥叫奇怪事件了，应该是我目前掌握的知识暂时不能解释这种现象滴呀(也许可以用事件流的概念来解释滴呀)

 

看布局：

#hideInfo{
       height:100px;    width:100px;    background:green;    position:absolute;    top:20px;    left:-90px;}#hideInfo span{
       height:100px;    width:100px;    background:blue;    position:absolute;    top:20px;    left:290px;}

看效果：

js代码：

window.οnlοad=function (){         //这样我岂不是可以形成一种视觉上的错误滴呀        var bar=document.getElementById("hideInfo");        bar.onmouseover=function (){           alert("fuck");            } }

结果：

当我鼠标移入span（蓝色方框）的时候我们，效果就alert了，