Access event.target in IE8 unobstrusive Javascript
- by Mirko
The following function gets the target element in a dropdown menu:
function getTarget(evt){
var targetElement = null;
//if it is a standard browser
if (typeof evt.target != 'undefined'){
targetElement = evt.target;
}
//otherwise it is IE then adapt syntax
else{
targetElement = evt.srcElement;
}
//return id of element when hovering over or
if (targetElement.nodeName.toLowerCase() == 'li'){
return targetElement;
}
else if (targetElement.parentNode.nodeName.toLowerCase() == 'li'){
return targetElement.parentNode;
}
else{
return targetElement;
}
Needless to say, it works in Firefox, Chrome, Safari and Opera but it does not in IE8 (and I guess in previous versions as well).
When I try to debug it with IE8 I get the error "Member not Found" on the line:
targetElement = evt.srcElement;
along with other subsequent errors, but I think this is the key line.
Any help will be appreciated.