jquery - jQuery如何正确使用onChange

Question

我正在使用 Drupal 7（对 Drupal 和 Javascript / jQuery 来说都是新的）并且我有一个名为“field-name-field-activity”的类，现在我想要的是在该类中对每个输入进行 onchange。

jQuery('.field-name-field-activity :input').onchange = function() {
    //enter code here
};

我不确定我是否在这里使用我的 onchange，我还看到有些人使用 onChange 而不是 onchange，不知道有什么区别，但是谁能告诉我如何在我的示例中正确使用 onchange？

score 4 · Accepted Answer

使用 jquery 就change可以了：

$('.field-name-field-activity').change(function() {
  // your code here
});

编辑：

由于事件要与文本类型绑定，更好的方法是使用input事件，例如：

$('.field-name-field-activity').on('input', function() {
    // your code here
});

如果是文本字段，该onchange事件可能无法在某些浏览器上正常工作。

score 2 · Accepted Answer

这是一个简单的语法错误试试这个jQuery('.field-name-field-activity :input').change(function() { //enter code here });

score 1 · Accepted Answer

试试这样：

jQuery('.field-name-field-activity input').change(function() {
    //enter code here
});

score 0 · Accepted Answer

关于性能，我建议不要使用 ":input"-Selector。

因为 :input 是一个 jQuery 扩展而不是 CSS 规范的一部分，所以使用 >:input 的查询不能利用原生 DOM >querySelectorAll() 方法提供的性能提升。

如果类名仅与输入元素相关，则只需使用 Ankit Jaiswal 建议的类选择器，因为单类选择器性能最佳。

score 0 · Accepted Answer

尝试这个 -

jQuery('.field-name-field-activity').on('change',function() {
    //enter code here
});

5 回答 5