Блог

Во время работы над ответом на другой вопрос возникла странная ошибка, связанная с тем, что event объект был доступен в анонимной функции без передачи. В Chrome приведенное ниже работает нормально, но Firefox выдает ошибку.

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

Chrome:

FireFox:

Ошибка ссылки: событие не определено

Уже известно, что

 $("#uspsSideboxTrackingClose").click(function(event) { .. }
  

работает в обоих браузерах. Вот код-нарушитель. Это ошибка в Chrome или Firefox или предполагаемое поведение обоих браузеров? Какой браузер подходит?

В IE объект event был глобальным объектом (который не передается функции-обработчику), но к нему обращаются как к глобальному объекту. Вы также можете получить к нему доступ как к свойству объекта window, например window.event

В FF и других браузерах объект event был передан в качестве аргумента, поскольку в FF не вызывается глобальное свойство event , вы получаете сообщение об ошибке.

В Chrome добавлена поддержка обеих этих функций, поэтому вы получите объект event в качестве глобальной ссылки и в качестве аргумента.

Но поскольку вы используете jQuery, jQuery нормализует эти два поведения и всегда будет передавать объект event в качестве аргумента обработчику события.

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