internet explorer - Member not found IE error (IE 6, 7, 8, 9)

Question

Let me just first point out to any IE users right now (this is not a problem in Chrome, Safari or Firefox) hint hint ;)

So... I have a issue with my tooltips in IE, I have a onmouseover listener for all the elements which are to be hoverable and then in my mouseover function I have a very basic cross browser declaration as such...

var event = e || window.event,
    el = event.target || event.srcElement;

I've been having issues with the window object not existing in IE or something, this has been a issue after I added a flag to ignore mouseover's from one element mouseover on the way to the tooltip itself (during the time cycle allowed, 300ms). In other words the flag is to ignore mouseovers on route to the tooltip from the original mouseover.

So that logic looks like this...

loadtip.refMouseOver = function (e) {

    var event = e || window.event, el = event.target || event.srcElement;
    //console.log(window); // <-- throws error in IE (Member not found)
    // Reset the lastHoveredRef data.
    tipManager.lastHoveredRef = null;
    tipManager.lastHoveredRef = [el, event];

    // true means there is a tip open still, so if no tip is open.
    if (tipManager.tipState !== true) { 
        tipManager.processTip(el, event);
    } else {        
        return; // do nothing
    }

}

The "Member not found" error will occur when I hover from one element quickly to the next in IE with the tooltip still open.

I read about window.open and close stuff with a try catch but I didn't see how that was relavent. Any help is greatly appreciated.

Thanks

Answer 1

Ok I have found the problem.

To sum it up, basically IE will not pass a event to another function if that function call is within a setTimeout.

So you can trick IE by creating a copy of the event and passing that, here is a example of that...

var eventCopy = {};
for (var i in event) {
    eventCopy[i] = event[i];    
}

Then just send your function the eventCopy, even though this is a 'total' hack.

setTimeout(function () { yourFunction(eventCopy), yourDelayTime);

And voila it will work.

I should add, that Internet Explorer will merely create a reference to the global window event which is why we need the copy of event. This is because by the time setTimeout calls the function, windows.event has already passed,

Bottom line... don't try to send a event inside a setTimeout because IE won't accept it. This is true for IE 6, 7 & 8 from my testing.