Как сделать так, чтоб элемент появлялся автоматически без наведения мыши?

Question

[SmartReptiloid]

Как сделать так, чтоб элемент (см. скриншот) появлялся автоматически без наведения мыши? Я пробовал trigger("mouseover") и new Event("mouseover") elem.dispatchEvent - не помогло.

Comments

[Вадим]

Ну а появляется он как? Ему же какой то класс добавляется? Или через hover описано? Значит можно заменить на клас. Ну а дальше через таймер или по нужному событию навешивать этот класс.
Или сайт не ваш и вы что-то спарсить пытаетесь таким образом?

[SmartReptiloid]

Вадим, появляется при наведении мыши, а изначально его вообще нету в DOM. Мне нужно, чтоб этот элемент автоматически подгружался и появлялся при открытии любого профиля не онлайн. Это вк. Я пытаюсь стилизовать отображение профиля как при старом дизайне.

[Анатолий Куликов]

SmartReptiloid, эти данные скорее всего зашиты в каком-нибудь стейте и по определенному алгоритму данный объект вставляется на страницу.

Тут из вариантов - либо искать, как можно вызвать данное событие, либо попытаться эти данные достать (но скорее всего это не получится).

[SmartReptiloid]

Анатолий Куликов, а почему не срабатывают trigger и dispatchEvent, может ли быть какое-то ограничение на эти методы в скриптах вк? или это только у меня не получается? вот например dispatchEvent - это я писал в Tampermonkey

function() {
    'use strict';
    setTimeout(function(){
        let badge = document.querySelector(".ProfileIndicatorBadge__badgeLastSeen");
        let mo = new Event ("mouseover");
    badge.dispatchEvent(mo);
    },10000)
};

[Вадим]

SmartReptiloid,

может ли быть какое-то ограничение на эти методы

у объекта Event есть поле isTrusted, которое показывает по факту естественное ли событие или же вызвано програмно.

[Вадим]

К слову этот тултип вызывается по событию pointerenter на span.ProfileIndicatorBadge__badgeLastSeen с текстом.

[SmartReptiloid]

Вадим, благодарю! Получилось вызвать автом. появление вот так

let badge = document.querySelector(".ProfileIndicatorBadge__badgeLastSeen");
        const pe = new MouseEvent ('pointerenter', {
    view: window,
    bubbles: true,
    cancelable: true
  });
    badge.dispatchEvent(pe);

А где в инструментах разработчика узнать, что для того span задан обработчик именно по событию pointerenter?

[Вадим]

SmartReptiloid, Когда элемент в разметке выделяете, в том фрэйме где стили по умолчанию открываются - есть вкладка EventListeners

[SmartReptiloid]

Вадим, у меня ancestors было включено, поэтому я думал, шо на этом элементе все события задействованы