5. Vue.js – События. Простой калькулятор

Теперь рассмотрим работу Vue.js с событиями и как их реализовывать на странице. В представленном примере присутствует два вида слушателей событий для регистрации клика по кнопке мышью и регистрации нажатия определенной клавиши. Так же на странице используются несколько видов модификаторов, модификатор клавиш, модификатор события и модификатор типа данных.

Вот перечень часто встречающихся модификаторов клавиш:

  • enter
  • tab
  • delete
  • esc
  • space
  • up
  • down
  • left
  • right

Их используют в зависимости от того какую клавишу необходимо задействовать в работе с текущим событием.

Ниже представлен список модификаторов событий:

  • prevent – тоже самое если использовать event.preventDefault();
  • stop – тоже самое если использовать event.stopPropagation();
  • capture – аналог captureEvents();
  • self

Их используют в зависимости от как необходимо изменить стандартное поведение в скрипте при отработке текущего события.

Материал заметки основан на коде из книги – “Величие Vue.js”

Комментариев нет
Добавить комментарий

Ваш email не будет опубликован.