Question

我的文档中有一些输入元素（文本，广播，复选框等）。当进行更改时，每个人都应该改变颜色。

这是我的方法：

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

当我更改输入元素的值时，通过单击，输入文本或选择，背景颜色不会改变。

Here is a fiddle

Answer 1

你有几个错误;当您将文档对象提供给选择器时，{ ownerId:14, provider: { $in: [ 'INSTAGRAM', 'VKONTAKTE' ] }, '$or': [ { tags: { $in: [ 'skyhotel', 'excellent' ] } }, { authorLogin: { $in: [ 'valera92', 'petyan' ] }, }, { locationId:{ '$in':[ '32454234' ] } }, { location:{ { '$geoWithin':{ '$centerSphere':[ [ '56.829782', '60.593162' ], 0.000012629451881788331 ] } } } } ] }不应该在引号中，并且您应该使用单个参数中的空格而不是两个不同的参数来分隔事件。试试这个：

document

如果要定位任何类型的表单控件，请使用$(document).on('click change', 'select', function() { $(this).addClass("changed") });选择器：

:input

有关详细信息，请参阅jQuery API docs。

Answer 2

小错误。它应该是：

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

还将其包含在document就绪函数中。

.on()的语法是：

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

小提琴：https://jsfiddle.net/mL823jws/

更改时更改颜色

2 个答案: