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下事件穿透問題。

若是有問題還請在下方留言！