Как проверить document.click внутри выпадающего списка с элементами, созданными динамически?

Question

Я использую приведенный ниже код в моем content_script для получения цели мыши, однако он не получает триггер «щелчка» в выпадающем списке с элементами, созданными во время выполнения. Под этим я подразумеваю, что я вижу цель всего, даже самого раскрывающегося списка, только созданные элементы не вызывают функцию.

$(window).on('click', function(event){
{
console.log(event.target);
}

хорошо упомянуть, что MouseMove отлично работает

document.onmousemove = function(e)
{
console.log(e.target);
}

мой выпадающий список - это, по сути, группа 'li' внутри элемента 'ul', созданная из другого js, отображаемая как выпадающий список, у кого-нибудь есть идеи?

Answer 1

Код привязки события должен выполняться, когда элемент, к которому он привязан, уже существует.Вам нужно использовать Event Delegation с. on() Тот же вопрос ответил здесь пример:

$(document).on('.select2-results__options .select2-results__option','selector', function(event){
  console.log(event.target);
});