javascript - 简化 .on() 方法中同一父元素的多个子元素的选择器

Question

我使用此代码来跟踪表单上是否有任何更改:

$(document).on('input', '.track', function() {
    var form = $(this);
});

由于这不会在复选框、单选按钮和文件输入上触发，我还使用此代码片段来处理跟踪中的这些元素形式:

$(document).on('change', '.track [type="checkbox"], .track [type="radio"], .track [type="file"]', function() {
    var form = $(this).closest('form');
});

我现在的问题是:如何简化这个选择器？

.track [type="checkbox"], .track [type="radio"], .track [type="file"]

表单动态变化，因此我必须使用 .on() 方法，并且无法预先选择所有必要的元素，例如 $('.track').find ('[type="checkbox"], ...');

Answer 1

使用 event.target 更改您的方法，使其不依赖于回调本身中的选择器和句柄

$(document).on('change', '.track', function(event) {
    if(['file', 'checkbox', 'radio'].indexOf($(event.target).attr('type')) > -1){
        var form = $(this).closest('form');
    }
});