Tengo una función que tiene múltiples eventos onChange dentro de ella. Tomemos un ejemplo simple con un evento.
Ahora, cuando hago clic en el botón, se carga loadScript() y luego, si #domelement cambia, obtengo el registro de la consola. Pero si hago clic en el botón varias veces, el script se carga varias veces... y luego en el evento Cambiar obtengo el registro de la consola varias veces, tantas veces como hice clic en el botón.
Perdón por mi código simple, espero que te ayude a entender mi problema. Quiero cargar el script una vez al hacer clic en el botón.
function loadScript() { $('#domelement').on('change', function() { console.log('Dom Element Changed'); }) } $('#load').on('click', function() { loadScript(); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="load">LoadScript</button>