На этом шаге мы рассмотрим еще один способ подключения стандартных обработчиков.

    Операция подключения обработчика некоторого события (подобного простому событию click) является настолько распространенной, что в библиотеке jQuery предусмотрен еще более краткий способ ее реализации; сокращенные методы событий действуют точно так же, как и метод .bind(), но требуют от разработчика меньшего числа нажатий клавиш.

    Например, в нашем переключателе стилей можно было бы вместо метода .bind() использовать метод .click(), как показано ниже:

 $(document).ready(function() {
   $('#switcher .button').click(function() {
     $('body').removeClass();
     if (this.id == 'switcher-narrow') {
         $('body').addClass('narrow'); 
     }
     else if (this.id == 'switcher-large') { 
          $('body').addClass('large'); 
     }
     $('#switcher .button').removeClass('selected');
     $(this).addClass('selected');
   });
 });

    Сокращенные методы событий определены для всех стандартных событий DOM:

• blur;
• change;
• click;
• dblclick;
• error;
• focus;
• keydown;
• keypress;
• keyup;
• load;
• mousedown;
• mousemove;
• mouseout;
• mouseover;
• mouseup;
• resize;
• scroll;
• select;
• submit;
• unload.

    Каждый из этих методов присоединяет обработчик к событию с соответствующим именем.

    Со следующего шага мы начнем рассматривать комбинированные события.

Предыдущий шаг Содержание Следующий шаг