Hallo,
I have entered some event handling hell...
I want to mimic the functionality of IE5.5 onmouseenter and
onmouseleave events, using DOM-standard onmouseover and onmouseout
events. The subject element is a table cell that can contain any
freestyle html. I need to fire some JS when user enters the cell with
his mouse, and fire some stuff when he leaves the area. Unfortunately,
if I use onmouseover and onmouseout events, onmousout is fired when
mouse is over some inner element within the table cell contents. The
only way I currently see to handle this is reading the mouse
coordinates in the onmouseout handler and testing if the mouse is
within the cell boundary box or not. But, I am afraid, user coulf
manage to move the mouse first to some inner element, and then quickly
to a space out of the cell so that onmouseover event attached to that
cell is never fired.
Thanks for any hints,
-- Pavils
I have entered some event handling hell...
I want to mimic the functionality of IE5.5 onmouseenter and
onmouseleave events, using DOM-standard onmouseover and onmouseout
events. The subject element is a table cell that can contain any
freestyle html. I need to fire some JS when user enters the cell with
his mouse, and fire some stuff when he leaves the area. Unfortunately,
if I use onmouseover and onmouseout events, onmousout is fired when
mouse is over some inner element within the table cell contents. The
only way I currently see to handle this is reading the mouse
coordinates in the onmouseout handler and testing if the mouse is
within the cell boundary box or not. But, I am afraid, user coulf
manage to move the mouse first to some inner element, and then quickly
to a space out of the cell so that onmouseover event attached to that
cell is never fired.
Thanks for any hints,
-- Pavils
Comment