Изменить цвет при изменении

Question

У меня есть некоторые элементы ввода (текст, радио, флажок и т. Д.) В моем документе. Каждый из них должен изменить свой цвет при внесении изменений.

Это мой подход:

$("document").on('click', 'change', 'select', function() { 
    $(this).addClass("changed") 
}); 

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

Here is a fiddle.

Answer 1

У вас есть несколько ошибок; document не должен быть в кавычках, поскольку вы предоставляете объект документа селектору, а также вы должны разделять события на пробел в одном параметре, а не на двух разных параметрах. Попробуйте это:

$(document).on('click change', 'select', function() { 
    $(this).addClass("changed") 
}); 

Если вы хотите предназначаться любой тип управления формы, используйте :input селектор:

$(document).on('click change', ':input', function() { 
    $(this).addClass("changed") 
}); 

ВИДЕТЬ jQuery API docs для более подробной информации.

Answer 2

Маленькая ошибка. Оно должно быть:

$(function() { 
    $(document).on('click change', 'select, input', function() { 
//-^--------^---------^^^--------------^^^^^^^^^ 
    $(this).addClass("changed") 
    }); 
}); 

также обернуть его внутри document готовой функции.

Синтаксис .on() является:

.on(events [, selector ] [, data ], handler) 

Fiddle: https://jsfiddle.net/mL823jws/