IE9 event PENERTRATION

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

  1. 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!

Guess you like

Origin www.cnblogs.com/ymxBlog/p/11134970.html