Events problems

[Niko]

Hello,

Context :

Dom Structure

DIV
|->TABLE
|->TR
|->TD
| |->textNode
|
|->TD
| |->IMG
|
|->TD
|->textNode

I have added mouseover and mouseout events on the DIV element.

I need thoses events only triggered when the mouse goes in and out of
the div but actually (with IE7) they are triggered if the mouse going
out of a Table cell to go in the adjacent cell.

I suppose a propagation pb but I don't know how to limit the event
attachement to the div only without any propagation to enbedded objects.

Thanks

Best regards

Niko

 

[Rik Wasmus]

Hello,

Context :

Dom Structure

DIV
|->TABLE
|->TR
|->TD
| |->textNode
|
|->TD
| |->IMG
|
|->TD
|->textNode

I have added mouseover and mouseout events on the DIV element.

I need thoses events only triggered when the mouse goes in and out of
the div but actually (with IE7) they are triggered if the mouse going
out of a Table cell to go in the adjacent cell.

I suppose a propagation pb but I don't know how to limit the event
attachement to the div only without any propagation to enbedded objects.

Pretty well explained:
http://www.quirksmode.org/js/events_mouse.html

 

[Jorge]

Hello,

Context :

Dom Structure

DIV
  |->TABLE
       |->TR
           |->TD
          |   |->textNode    
           |
           |->TD
          |   |->IMG
           |
           |->TD
              |->textNode

I have added mouseover and mouseout events on the DIV element.

I need thoses events only triggered when the mouse goes in and out of
the div but actually (with IE7) they are triggered if the mouse going
out of a Table cell to go in the adjacent cell.

I suppose a propagation pb but I don't know how to limit the event
attachement to the div only without any propagation to enbedded objects.

Thanks

Best regards

Niko

div.onmouseover= function (event) {
var event= event || window.event;
if (event.target !== this) { return; }
//DoYourThingsHere
}

But, ISTM that IE's 'event' object lacks a 'target' property (?) so...
somebody else may want help you better than I.

 

[Justin McConnell]

div.onmouseover= function (event) {
  var event= event || window.event;
  if (event.target !== this) { return; }
  //DoYourThingsHere

}

But, ISTM that IE's 'event' object lacks a 'target' property (?) so...
somebody else may want help you better than I.

IE sets the srcElement property.

div.onmouseover= function (event) {
var event = event || window.event;
var targ = event.target || event.srcElement;
if (targ !== this) { return; }
//DoYourThingsHere
}