.change() — обработчик или источник события

jquery change

.change() — устанавливает обработчик изменения заданного элемента формы, либо, запускает это событие.

Метод имеет три варианта использования:

  • handler — функция, которая будет установлена в качестве обработчика.

  • eventData — объект содержащий данные, для передачи в обработчик. Должны быть представлены в формате {fName1:value1, fName2:value2, ...};
  • handler — функция, которая будет установлена в качестве обработчика.

Вызывает событие change, у выбранных элементов страницы.

В первых двух вариантах, этот метод является сокращенной версией .on( "change", handler ), а в третьем — .trigger( "change" ).

Событие change срабатывает при изменении полей формы. Оно отслеживает поля <input>, <textarea> и <select>. Для элементов <select>, radio и checkbox событие запускается сразу после изменения, в остальных случаях только после потери фокуса, т.е. в тот момент, как пользователь перейдёт на другой элемент.

Например, у нас есть следующий html:

Обработчик события может быть установлен для текстового поля и списка выбора:

Теперь при выборе значения в списке отображается предупреждение, так же оно отобразится при изменении текста в текстовом поле, но после того как оно потеряет фокус. Если текстовое поле потеряет фокус без изменения его содержимого, то событие не запустится. Чтобы инициировать событие вручную, достаточно вызвать .change() без аргументов:

После выполнения этого кода мы увидим предупреждение дважды, потому что у нас на форме два элемента.

See the Pen KRZwoN by Aleksei (@AmateR) on CodePen.0

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *