It is to do such a thing: on a table, I first want to do dragging on the web browser, drag the mouse from A1 to C4 and then click Add a shaded area (greenish) 1,
figure 1
Then I can use onmouseover (moved event) onmouseout (out of the event), increasing the width of the shaded area, on Google Firefox no problem.
Question: But the encounter and what version of IE9 because the mouse can not be performed on the shaded area onmouseout out of the event.
The reason: the current mouse on top shadow div, unable to penetrate the event, about the time of this incident handling, I thought of a way:
When dealing with IE8 I can judge for themselves
- Record the last high td width (width in an Example herein) WID
When the absence of rolling ->
The cursor position from the left of the screen + WID the X- < shadow div from the screen to the left position WID + ( write better understanding)
The current situation we can put the shadow div z-index lower, allowing the mouse to capture the cursor on the implementation of a td onmouseover (into the event), so you can avoid the problem penetrating the IE event.
If you still have questions, please leave a comment below!