The javascript function srcElement.nodeName gives wrong output in iOS5

Question

The following JavaScript function works on iOS 4 but gives the wrong output on iOS 5:

var attribs = event.srcElement.attributes;
    myWebPageElement = event.srcElement;
    node = event.srcElement.nodeName;

if(node == "#text")
    alert('Touch event occured on Text.');
else 
    alert('Touch event occurred on image.');

In iOS 5, regardless of whether the event occurred on text or on an image, JavaScript always executes the else block, as each time we get the tag corresponding to text and we don't get the nodename "#text" .

How can I fix this problem?

Answer 1

Do not use srcElement to check the target of your events, instead use target or currentTarget. Using these will give you more consistency between browser versions.

srcElement is Microsoft's addition, as usual they add stuff that nobody else uses. See here for more http://www.quirksmode.org/dom/w3c_events.html