Javascript 我附加的元素未捕获“on”事件

伙计们。我有一段代码，它在一行后面附加了一些元素，其中包括一个输入文件：

$('#uploadDocumentoEnviarAseguradora').on('click', function() {
    var num_ficheros = $('.lista-ficheros').length + 1;

    var linea = '<div class="form-group"><div class="row form-horizontal lista-ficheros"><div class="col-xs-9"></div><input type="file" id="docEnviarAseguradora' + num_ficheros + '" class="documentoEnviarAseguradora"/><button class="btn btn-default btn-xs" id="uploadDocumento"><span class="glyphicon glyphicon-trash"></span></button></div></div>';
    $(this).parent().parent().parent().append(linea);
    $("#docEnviarAseguradora" + num_ficheros).click();
});

---

但是，当我将文件加载到输入文件时，没有得到响应。你能看出我做错了什么吗？提前感谢：

错误的选择器缺少按类选择的点，并且缺少所需元素，因为元素是在调用on之后添加的

使用

---

如果可能，请使用比$document.body更好的元素来限制事件处理。

参考。答案正确，但值得强调“委派”一词，并将OP发送回以获取更多信息。复制粘贴时缺少点是失败的；非常感谢你！

$('documentoEnviarAseguradora').on('change',function() {
    alert("pos ok");
});

$(document.body).on('change','.documentoEnviarAseguradora',function() {
    alert("pos ok");
});