Why is ‘event’ available globally in Chrome but not Firefox?

by

In IE, the event object was a global object, (which is not passed to the handler function) but accessed as a global object. You can also access it as a property of the window object like window.event

In in FF and other browsers the event object was passed as an argument, since in FF there is no global property called event, you are getting the error message.

In chrome they have added support for both these features, so you will get the event object as a global reference and as an argument.

But since you are using jQuery, jQuery normalizes these 2 behaviors and will always pass the event object as an argument to the event handler.

$(document).ready(function () {
    $("#uspsSideboxTrackingClose").click(function (event) {
        event.preventDefault();
        console.log(event);
    });
});

More Related Contents:

  1. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  2. Alternative to jQuery’s .toggle() method that supports eventData?
  3. jQuery .on() method doesn’t see new elements
  4. event.preventDefault() vs. return false
  5. Direct vs. Delegated – jQuery .on()
  6. How to distinguish between left and right mouse click with jQuery
  7. Detecting Browser Autofill
  8. jQuery click events firing multiple times
  9. How to wait for the ‘end’ of ‘resize’ event and only then perform an action?
  10. When should I use jQuery’s document.ready function?
  11. Check if event exists on element [duplicate]
  12. jQuery checkbox checked state changed event
  13. How to differentiate single click event and double click event?
  14. How to detect escape key press with pure JS or jQuery?
  15. Detect multiple keys on single keypress event in jQuery
  16. How to trigger jQuery change event in code
  17. Need to cancel click/mouseup events when double-click event detected
  18. How do you handle oncut, oncopy, and onpaste in jQuery?
  19. Attaching click event to a JQuery object not yet added to the DOM [duplicate]
  20. How to stop default link click behavior with jQuery
  21. How can I get jQuery .val() AFTER keypress event?
  22. Can you have a JavaScript hook trigger after a DOM element’s style object changes?
  23. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  24. Moving a focus when the input text field reaches a max length
  25. jQuery $(document).ready () fires twice
  26. Fullscreen API: Which events are fired?
  27. jQuery .on(); vs JavaScript .addEventListener();
  28. Bind events on dynamic created elements inserted by AJAX (check box)
  29. jQuery Datepicker “After Update” Event or equivalent
  30. Is My Page Being Loaded from the Browser Cache?

Leave a Comment