IE9事件穿透问题

如今是要作这样一件事：关于一个表格,我先在要在web浏览器上作拖动功能，鼠标从A1点击后拖动到C4而后增长一个阴影区域（带绿色的）如图1，

 

图1

而后我能够用onmouseover（移入事件）onmouseout（移出事件），增长阴影区域的宽度，关于谷歌火狐浏览器没有问题。

问题：可是遇到IE9及其一下的版本就由于鼠标在阴影区域上就不能执行onmouseout移出事件。

缘由：当前鼠标在上面阴影div上，没法进行事件穿透，关于这种事件处理的时候，我想到一个办法：

当处理IE8时候我能够判断一下

1. 记录下最后一个td的宽高（这里以宽为例）wid

当无滚动的状况下->

光标距离屏幕左边的位置X + wid < 阴影div距离屏幕左边位置+wid  （这样写比较好理解）

当前状况咱们能够把阴影div的z-index下降，让鼠标捕捉到上一个td的光标执行onmouseover（移入事件），这样就能够避免IE下事件穿透问题。

若是有问题还请在下方留言！