Как переписать эту jquery строку?

Question

[lavezzi1]

Здравствуйте.
const showEvent = $.Event('show', relatedTarget);

Как это переписать на обычный js?

Answer 1

[heartdevil]

Может лучше почитать как создавать события на javascript?

Пример

Comments

[lavezzi1]

А как лучше создавать событие? new Event() в хроме говорит что это не конструктор. Так document.createEvent()?

[heartdevil]

lavezzi1
Посмотрите там в конце страницы есть таблица соместимости с браузерами. А ниже алтернативы создания. Можете и так.

[lavezzi1]

heartdevil: Хром 60, какая совместимость...

Answer 2

[gleendo]

Demo (Chrome 60.0.3112.78)

let showEvent = new CustomEvent("show", {
	detail: {
  	message: "Showing..."
  }
});

document.addEventListener("show", event => alert(event.detail.message), false);

setTimeout(() => document.dispatchEvent(showEvent), 5000);

Comments

[lavezzi1]

Event is not a constructor

[gleendo]

lavezzi1: У меня все работает.

[Назар Мокринский]

lavezzi1: Здесь не используется Event

[lavezzi1]

iamevg_: Странно, внутри класса не работает, а снаружи нормально

[lavezzi1]

Назар Мокринский: понятно, а почему внутри класса может не работать?

[gleendo]

lavezzi1: покажите код класса

[Назар Мокринский]

lavezzi1: Код в студию, экстрасенсов здесь нет

Answer 3

[Назар Мокринский]

Как и iamevg_ рекомендую CustomEvent: https://developer.mozilla.org/en-US/docs/Web/API/C...
Для старых браузеров есть полифиллы. Это современный интерфейс, который со временем будет во всех браузерах. Остальное - старые костыли.