每次遇到onmouseover事件的处理就头疼。比如父标签A里面嵌套了两个子标签，分别为标签A1和A2。假设你在父标签A上绑定了mouseover事件，理想的状态应该是：当鼠标从A标签外移到A标签上，事件触发。

但实际情况是，在以下几种情况下，mouseover事件都会被触发，下图为mouseover事件触发示意图（mouseout事件类似）。

1. 当鼠标从A标签外移到A标签上。
2. 当鼠标从父标签A移入子标签B（或C）。
3. 当鼠标从子标签B移入子标签C（假设间距足够小的话）。

之前一直是通过在事件处理函数里面判断触发当前时间的targe是否指定节点来解决上面问题，问题是，当标签嵌套层次比较多的时候，这个判断过程就变得很麻烦，还会让处理函数里面多处一堆跟逻辑不相关的代码。

请教了某同事，IE浏览器支持mouseenter事件，可以轻松搞定以上问题，刚好现在手头做的东西也是只需要支持IE浏览器（\ (^o^)/）。然后就想了，如果突然需求变更说要支持其他非IE浏览器了，那不就惨了（这也是很有可能发生的），像firefox、chrome都是不 支持mouseenter的。那就只能自己试着去模拟下了：

在firefox和IE 8里简单测试了下，顺利运行，搞定！

以上只是简单地在非IE浏览器里模拟了mouseenter和mouseleave事件，只是实验下，代码写的有点挫各种见谅，主要的是实现的原理。

文章参考了另一篇博文：，写得不错，就是不知道为什么下面的“运行代码”一直没反应。