Question

By referring this link, I had adopted a property called Event.Type to my script for a particular need and it worked fine in IE9. After that while making compatibility test, i came to know that it is not working in Mozilla FireFox. Additionally it is working with out any problems in Google Chrome and Safari.

DEMO

Any clues to solve this ? or Is there any alernate way available to substitute Event.Type in jquery.?

Answer 1

In most common browsers the event object is defined globally, so it is available within the scope of your load handler. However, in Firefox the event object is not defined globally, and the error ReferenceError: event is not defined is returned (use Ctrl+Shift+J to get the errors console if Firefox).

As the comments to your question suggest, the best practice is to pass the event object to the handler function like so:

$(document).ready(function() { 
    $(window).load(function(event){ alert(event.type); }); 
});