Что делать если не выполняются действия на странице после программного клика, когда если кликнуть вручную всё работает?

Question

[AlbMikh]

Здравствуйте! Пишу расширение для Браузера, которое должно взаимодействовать с сайтом vk.com. Расширение должно кликнуть на элемент с классом "top_audio_player_title" (после клика на который выплывает меню с вашим текущим музыкальным плейлистом). Проблема в том, что при клике вручную - всё работает, а если кликнуть через .click(), то меню не выподет. С другими элементами на странице всё прекрасно работает и кликается.

Заранее спасибо!!!

Answer 1

[GrayHorse]

document.querySelector("#top_audio_player").dispatchEvent(new MouseEvent("mousedown"));

Comments

[AlbMikh]

Спасибо за рабочий вариант. Но насколько я понимаю, тут происходит просто эмуляция нажатия ЛКМ(ибо элемент с Id "#top_audio_player" является прародителем для элемента с классом "top_audio_player_title", а нажатия обрабатываются именно по нему). Но не знаете ли Вы, почему не работал вариант с .click()?

[GrayHorse]

"Отметить решением"

Там листенер не на "click", а на "mousedown". Поэтому и не работало.

[AlbMikh]

GrayHorse, огромное спасибо, отмечу как решение. Но можно задать ещё вопрос, раз уж на то пошло : как через инструменты разработчика посмотреть какой стоит листенер?

[GrayHorse]

Удаляешь все подходящие листенеры, если перестало работать – удалил тот, который отвечает за интересующий функционал.

Либо, если выделен "правильный" элемент:

[AlbMikh]

GrayHorse, Ещё раз спасибо!

[GrayHorse]

Можно и на вложенном элементе генерировать событие с {bubbles: true}:

document.querySelector(".top_audio_player_title")
        .dispatchEvent(new MouseEvent("mousedown", {bubbles: true}));

Answer 2

[Иван Иванов]

Скорее всего, на том сайте есть защита от таких "программных" кликов. Так как таким образом можно сделать бота
PS: только что в консоли сделал клик(.click()), все работает, значит что-то не так с вашим расширением, либо вк блокирует клики

Comments

[AlbMikh]

То есть вы нажали прописали что-то вроде document.getElementsByClassName("top_audio_player_title")[0].click() и менюшка выпала? Или это я где-то ошибся?

[Иван Иванов]

AlbMikh, прошу прощения, я не ту кнопку жал. Та кнопка действительно ничего не делает.

[AlbMikh]

Максим Фикс, самое интересное, это то, что остальные кнопки вполне себе нормально кликаются........