Отследить окончание события
 

Как отследить событие, например, Click, более-менее понятно. А как можно отследить окончание обработки этого события? Поясню:
Имеем динамическую генерацию картинки по событию

$("#element").on('click','.element',function(){
здесь генерим картинку
});

Итого имеем, на экране картинка меняется только по завершению события. Идем дальше. Например, мне нужно что-то с этой картинкой сделать после её генерации. Как отследить окончание события Click?

Никак, просто наступило событие, ваш обработчик. У этого события есть две фазы: mousedown, mouseup. А загрузка изображения, это иное событие, load, его и обрабатывайте.

PS. А если речь об асинхронности, то https://learn.javascript.ru/promise, deferred