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正确的方法？

Answer 1

使用jquery只需change即可：

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

修改

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

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

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

Answer 2

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

这是api参考http://api.jquery.com/change/

的链接

Answer 3

试试这样：

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

SIMPLE DEMO HERE

Answer 4

试试这个 -

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

http://api.jquery.com/change/

Answer 5

关于性能我建议不要使用“：input”-Selector。

因为：input是jQuery扩展而不是CSS规范的一部分，使用＆gt;：input的查询无法利用本机DOM＆gt; querySelectorAll（）方法提供的性能提升。

来源：http://api.jquery.com/input-selector/

如果类名只与input-Elements相关，那么只需使用像Ankit Jaiswal建议的类选择器，因为单类选择器性能最佳。

来源：Jquery element+class selector performance

jQuery如何正确使用onChange

5 个答案: