Почему не работает dispatchEvent?

Question

[Newbeenew]

Привет, не кликает при загрузке страницы
<span id='updateContent'>link to click</span>

let event = new Event('click');
updateContent.dispatchEvent(event);

jquery тоже не кликает:
$('#updateContent').trigger('click');

почему нет клика?

Comments

[Lynn «Кофеман»]

А как вы проверяете что нет клика?

[RAX7]

А так?
let event = new Event('click', {bubbles: true});

[Newbeenew]

Алексей Тен, если кликнуть по span, то нужное действие происходит

[Newbeenew]

RAX7, тоже нет, в консоли чисто

[Lynn «Кофеман»]

Ну что за секреты?
Какое действие? Новое окно открывается?

Вангую, что «нужное действие» требует реального клика пользователя.
https://developer.mozilla.org/en-US/docs/Web/API/E...

[RAX7]

Newbeenew, https://jsfiddle.net/c925xesh/
обработчик клика зарегистрирован до того как кликнул?

[Newbeenew]

Алексей Тен, никаких секретов, просто еще один обработчик, заранее прописанный

$('body').on('click', '#updateContent', function() { 
  $.ajax({
  })
});

[Newbeenew]

RAX7,
console.log(event.isTrusted);
false

[Newbeenew]

RAX7, да, весь js грузится в<header>

[Newbeenew]

document.addEventListener('click', () => console.log('document: cliked'));
updateContent.addEventListener('click', () => console.log('updateContent: cliked'));

так в консоли клик отражается, но действия нет. Это может быть связано с тем, что обработчик на jquery? (код есть в каменте выше)

[RAX7]

Newbeenew, что ты пытаешься сделать кликом по элементу?

[Newbeenew]

RAX7,
так обрабатывается клик мышью:

$('body').on('click', '#updateContent', function() { 
  $.ajax({
  })
});

и по клику аякс грузит на страницу нужный контент

автоклик при загрузке страницы с id из url загрузит нужный контент без клика пользователя

[RAX7]

Newbeenew, да вроде всё работает
https://jsfiddle.net/c925xesh/1/
В jquery можно использовать специальный метод .click()
https://jsfiddle.net/c925xesh/2/

Answer 1

[LukaMoria]

Недавно столкнулся с такой же ситуацией в IE-11. (не поддерживается конструктор Event)
События через addEventListener не тригерятся через trigger jquery.
Также убедитесь, что элемент существует в момент загрузки страницы.

Попробуйте таким образом:
// Создание события
var event = document.createEvent('Event');

// Назначить имя событию
event.initEvent('build', true, true);

// Слушаем событие
document.addEventListener('build', function (e) {
// e.target соотетствует объекту document
}, false);

// target события может быть любой элемент
document.dispatchEvent(event);