event.fromElement toElement und srcElement

[Alexander Ganz]

Hallo Allerseits,

Nun versuche ich die Herkunft eines einfachen onmouseout events zu bestimmen. Gar nicht so einfach, wie sich zeigt:

<SCRIPT>
function testMouse() {
 alert(event.srcElement.tagName);
}
</SCRIPT>
<table cellpadding="2" cellspacing="0" border="0" onmouseout="testMouse()" id="hallo">
 <tr>
  <td>
   <button>Button</button>
   <div>div</div>
  </td>
  <td>
   Noch ne Zelle
  </td>
 </tr>
</table>

Wenn man dieses Skript mal ausprobiert, wird man feststellen das event.srcElement niemals "TABLE" zurückgibt und ausserdem auch feuert, wenn man innerhalb der Tabelle über andere Elemente fährt.
Ähnliche ergebnisse erziehlt man mit event.fromElement und event.toElement.
Nun meine Frage:
Wie bekomme ich heraus, ob die Tabelle (ich meine die komplette) wirklich mit der Maus verlassen wurde?
(Alles nur IE ab 5.5)

Viele Grüße
Alex

[Joachim]

hi,

Wenn man dieses Skript mal ausprobiert, wird man feststellen das event.srcElement niemals "TABLE" zurückgibt und ausserdem auch feuert, wenn man innerhalb der Tabelle über andere Elemente fährt.

Wenn Du es eh nur fuer IE benoetigst, hilft Dir vermutlich "contains":
var isIn = [TABLEID].contains([MOUSEOUT-ELEMENT]);

Hierbei wird true oder false zurueckgeliefert. Fuer Mozilla muss man sowas selberstricken...

Gruesse  Joachim

[Alexander Ganz]

Hallo Joachim,

var isIn = [TABLEID].contains([MOUSEOUT-ELEMENT]);

Danke für den Tipp!
So klappt es:

var isIn = tableid.contains(event.toElement)

Das gibt dann false zurück, wenn die Maus nicht mehr über der Tabelle ist.

Viele Grüße
Alex