Обработчик или источник события change

.change()

Устанавливает обработчик изменения заданного элемента формы, либо, запускает это событие. Метод имеет три варианта использования:

.change(handler(eventObject)):jQuery1.0

Устанавливает функцию handler в качестве обработчика события change, на выбранные элементы.
Метод является аналогом bind("change", handler(eventObject)).

handler(eventObject) — функция, которая будет установлена в качестве обработчика. При вызове она будет получать объект события eventObject.

.change(eventData, handler(eventObject)):jQuery1.4.3

Метод отличается от предыдущего возможностью передавать в обработчик дополнительные данные.
Является аналогом bind("change", eventData, handler(eventObject)).

handler(eventObject) — см. выше.
eventData — дополнительные данные, передаваемые в обработчик. Они должны быть представлены объектом в формате: {fName1:value1, fName2:value2, ...}.

.change():jQuery1.0

Вызывает событие change, у выбранных элементов страницы. Метод является аналогом trigger("change").

Убрать установленный обработчик можно с помощью метода unbind().

Все три варианта использования метода, являются аналогами других методов (см. выше), поэтому все подробности использования change(), можно найти в описании этих методов.

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

Пример

// установим обработчик события change, элементу с идентификатором foo
$('#foo').change(function(){
  alert('Элемент foo был изменен.');
});
 
// вызовим событие change на элементе foo
$('#foo').change();
 
// установим еще один обработчик события change, на этот раз элементам 
// с классом block. В обработчик передадим дополнительные данные
$('.block').change({a:12, b:"abc"}, function(eventObject){
  var externalData = "a=" + eventObject.data.a + ", b=" + eventObject.data.b;
  alert('Элемент с классом block был изменен. '+
        'В обработчик этого события переданы данные: ' + externalData );
});

Ссылки

Поисковые ключи:
  • изменение элемента формы
  • элемент формы был изменен
  • обработчик события change
  • обработка события change
  • .change()
  • change()