jQuery的如何正确使用的onChange(jQuery how to properly use

2019-10-18 02:51发布

我使用Drupal 7的(很新的这两个Drupal和使用Javascript / jQuery的),我得到了一个名为“字段名场活动”课,现在我想要的是把每输入一个onchange在该类中。

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

我不知道如果我用我的onchange在这里,我也看到了一些人使用,而不是平变化的onChange,不知道有什么区别,但有谁能够告诉我如何使用的onchange在我的例子中,正确的方法是什么?

Answer 1:

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

这里的API参考的链接http://api.jquery.com/change/



Answer 2:

用jQuery只是change将工作:

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

编辑:

由于该事件是与文本类型绑定,更好的办法是使用input事件,如:

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

onchange事件可能无法正确地在某些浏览器中的文本字段的情况下工作。



Answer 3:

尝试这样的:

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

简单的演示HERE



Answer 4:

至于性能,我建议不要用“:输入” -Selector。

这是因为:输入是一个jQuery扩展且不CSS规范的一部分,使用查询>:输入不能采取由本机DOM提供的性能提升> querySelectorAll()方法的优点。

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

如果类名涉及到输入元素只反正,只要使用类选择像ANKIT Jaiswal建议,因为单类选择性能最佳。

来源: Jquery的元件+类选择性能



Answer 5:

尝试这个 -

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

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



文章来源: jQuery how to properly use onChange