¡Gracias de antemano por cualquier ayuda! :)
Estoy usando javascript para agregar campos a un documento, pero el monitor de elementos solo funciona en campos codificados.
Por ejemplo, en el siguiente código, lozfield se supervisa para detectar cambios, lo que funciona bien inicialmente. Sin embargo, si hace clic en el botón de rellenar y vuelve a rellenar exactamente con el mismo campo de entrada, el reloj dejará de funcionar. En la depuración, el campo tiene EVENTO junto a él... hasta que se vuelve a llenar, momento en el que desaparece el EVENTO. (¡Disculpas por mi terminología probablemente incorrecta!).
$("#lozfield").change(function() { alert("lozfield-CHANGED"); }); $("#populate").click(function() { document.getElementById("lozcontainer").innerHTML = '<input type="text" id="lozfield" value="ABC">'; }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="lozcontainer"> <input type="text" id="lozfield" value="ABC"> </div> <input id="populate" type="button" value="POPULATE">Debe delegar su evento a un elemento superior, que en su caso sugeriría es lozcontainer
$("#lozcontainer").change("#lozfield", function() { alert("lozfield-CHANGED"); }); $("#populate").click(function() { document.getElementById("lozcontainer").innerHTML = '<input type="text" id="lozfield" value="ABC">'; }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id="lozcontainer"> <input type="text" id="lozfield" value="ABC"> </div> <input id="populate" type="button" value="POPULATE">