javascript - 如何有效地使用输入类型的更改功能

Question

我正在跟踪输入更改，如下所示:

$(document).ready(function() {
    $('input').change(function () {
        alert("Key pressed");
    });
    $('textarea').change(function () {
        alert("Key pressed");
    });
    $('input:radio').change(function() {
       alert("Key pressed");
    });
    $('input:checkbox').change(function() {
       alert("Key pressed");
    });
 });

是否可以重构上述代码，以便我不需要单独调用每个元素？

Answer 1

jQuery 使用 Sizzle 选择器引擎，它遵循与 CSS 相同的规则。考虑到这一点，您可以使用 , 分隔选择器。试试这个:

$('input, textarea').change(function() {
   alert("Key pressed");
});

或者，您可以将公共(public)类应用于所有这些元素并选择它。

请注意，当您选择 input 元素时，您的 :radio 和 :checkbox 选择器是多余的。另请注意，在元素值发生更改并失去焦点之前，change 事件不会触发。如果您想在按键发生时实际触发事件，请根据您的具体要求使用 keypress 或 keydown。