У интерактивного элемента есть три состояния: up (кнопка неактивна, курсор вне кнопки), rollover (курсор на кнопке, кнопка подсвечена), down (кнопка зажата).
Каждому состоянию соответствует два event-а, которые можно описать как true и false.
Up:
- on focus - фокусировка на кнопке
- on blur - фокусировки нет
Говорят, что элемент «получает фокус», когда посетитель фокусируется на нём. Обычно фокусировка автоматически происходит при нажатии на элементе мышкой, но также можно перейти на нужный элемент клавиатурой – через клавишу Tab, нажатие пальцем на планшете и так далее.
Rollover:
- mouse enter - курсор наведен на кнопку
- mouse exit - курсор вышел из границ кнопки
Down:
- mouse down - кнопка мыши нажата
- mouse up - кнопка мыши отпущена
Это, пожалуй, самые важные взаимодействия с кнопкой, т.к. чаще всего действие программируется на "mouse down, затем mouse up", т.е. на клик мышкой.
