Tengo un pequeño problema que es el siguiente:

Tengo un botón que permite generar código html, ejemplo:

 $( "#addBlockArray" ).click(function() { let idunique = Math.floor(Math.random() * 100000); let array = '\ <divSpecialSelected class="selectedbloccss" id= ' + idunique + '> edit\ <table class="table table-hover" contenteditable="true"> \ <thead>\ <tr>\ <th scope="col">#</th>\ <th scope="col">First</th>\ <th scope="col">Last</th>\ <th scope="col">Handle</th>\ </tr>\ </thead>\ <tbody>\ <tr>\ <th scope="row">1</th>\ <td>Mark</td>\ <td>Otto</td>\ <td>@mdo</td>\ </tr>\ <tr>\ <th scope="row">2</th>\ <td>Jacob</td>\ <td>Thornton</td>\ <td>@fat</td>\ </tr>\ <tr>\ <th scope="row">3</th>\ <td colspan="2">Larry the Bird</td>\ <td>@twitter</td>\ </tr>\ </tbody>\ </table>\ </divSpecialSelected>\ ' $( "#blocArray" ).append( array); });

Sin embargo, cuando se genera este código, no puedo usar los selectores para realizar acciones en él.

 $("divSpecialSelected").on('click', function () { // that dont work, he dont find this selector console.log("aaa"); document.getElementById(this.id).addEventListener('mousedown', mouseDown, false); localStorage.setItem('id', this.id); window.addEventListener('mouseup', mouseUp, false);

});

Creo que porque no está en el DOM cargado al principio. Pero, ¿cómo podría evitar este problema?