PreventDefault для динамически созданного элемента?

Question

[be_a_man]

Как, например, отменить переход по ссылке, которая была создана динамически, неизвестно когда.
https://jsfiddle.net/2zhs4o63/

Comments

[pashted]

повесить обработчик на документ, ограничив контекст классом кнопки?

[Mesuti]

так? =)

Answer 1

[Тигран Абрамян]

Comments

[be_a_man]

Вы запревентили все на странице
https://jsfiddle.net/d6j98xwc/1/

[Тигран Абрамян]

be_a_man, Что, не дошло event.preventDefault(); засунуть внутрь if?

const link = document.createElement("a");
link.innerHTML = "google"
link.classList.add("dynamic-link");
link.href = "//google.com";
document.body.appendChild(link);

document.addEventListener('click', event => {
  if (event.target.closest('.dynamic-link')) {
    event.preventDefault();
    // запретить переход по ссылке
    console.log('ok')
  }
})

[WapSter]

TAbrahamyan, да уже привыкли что готовый рабочий код дают, а посмотреть что копируют не хотят или не могут.

[be_a_man]

WapSter, да, извиняюсь, у меня это работало в песочнице, но не работало в проекте. Я подумал, что в песочнице пустая страница и обработчик успевает перехватить, а в реальном нет. Оказался просто кэш...

[be_a_man]

дополню тестом