IE event order problem

I'm fighting with a strange problem that occures in IE, but let's start
from beggining...

I have a DIV element and SPAN element inside it, DIV has a onClick
event attached while SPAN doesn't. The problem is, when you click at
SPAN element and onClick function is called, the event.srcElement
contains SPAN element.. I have NO idea why - from logical point, it
should contain DIV element (in FF currentTarget is correctly pointing
to DIV element)

I will be grateful for any help, I ran out of ideas..

Larax wrote:

I'm fighting with a strange problem that occures in IE, but let's start
from beggining...

I have a DIV element and SPAN element inside it, DIV has a onClick
event attached while SPAN doesn't. The problem is, when you click at
SPAN element and onClick function is called, the event.srcElement
contains SPAN element.. I have NO idea why - from logical point, it
should contain DIV element (in FF currentTarget is correctly pointing
to DIV element)

I will be grateful for any help, I ran out of ideas..

It's because the IE and W3C (Firefox) event models are confusingly
similar, but slightly different. This is one of their differences.
Fortunately, if you attach events using syntax like

myDiv.onclick = function(e) { alert(this); }

the "this" keyword will point to the element with the activated event
attached to it.

If you want to use the DOM Level 2 events model, see the Wikipedia page
for details on how that works:

http://en.wikipedia.org/wiki/DOM_Events

Larax wrote:

I'm fighting with a strange problem that occures in IE, but let's start
from beggining...

I have a DIV element and SPAN element inside it, DIV has a onClick
event attached while SPAN doesn't. The problem is, when you click at
SPAN element and onClick function is called, the event.srcElement
contains SPAN element.. I have NO idea why - from logical point, it
should contain DIV element (in FF currentTarget is correctly pointing
to DIV element)

No it shouldn't, IE's event.srcElement is equivalent to the W3C's
event.target. There is no MS equivalent (AFAIK) to the W3C's
event.currentTarget.


W3C - Event.target:
<URL:
http://www.w3.org/TR/DOM-Level-2-Eve...s-Event-target

MS - Event.srcElement:
<URL:
http://msdn.microsoft.com/workshop/a...srcelement.asp

W3C - Event.currentTarget:
<URL:
http://www.w3.org/TR/DOM-Level-2-Eve...-currentTarget

I will be grateful for any help, I ran out of ideas..

As suggested elsewhere, the this keyword is a better option to identify
the element that called the function.


--
Rob

Thanks for help, it seems that I have no other choice than using this
keyword.. We all love IE, doesn't we? ;P