На сторонним сайте есть элемент, который срабатывает, когда на него наводишь мышь - как выполнять это действие через скрипт?

243
19 октября 2017, 10:30

В подробностях:

На сайте ВК, есть необходимость заменять картинку в плохом качестве (#pv_photo img) на картинку, адрес которой указывается в "Открыть оригинал" (pv_more_act_download), проблема состоит в том, что до тех пор, пока не навести курсор на кнопку "Ещё", на странице не создаётся элемента pv_more_act_download. Нужно, чтобы этот элемент создавался без лишних телодвижений.

Цель, как и проблема, довольно глупые, но уже пол дня сижу. Были попытки и найти функцию, которая срабатывает, если навести курсор, были попытки и поискать способы автоматически передвигать курсор к этому элементу. Но знания в этой области у меня ужасные, а руки кривые, поэтому только осталось просить помощи тут.

Answer 1
document.querySelector(".pv_actions_more").dispatchEvent(new MouseEvent('mouseenter'))

Только учти, что интересующий тебя элемент проявляется асинхронно. Т. е. просто

document.getElementById('pv_more_act_download')

в следующей строке за событием не сработает.

READ ALSO
Валидация input на лету

Валидация input на лету

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

342
Ajax response есть, а данных в базе нет

Ajax response есть, а данных в базе нет

Есть форма обратной связизаполняем 4 поля, отправляем и без перезагрузки страницы получаем в ответ надпись, что форма отправлена

312
Ползунок треугольником JQuery CSS

Ползунок треугольником JQuery CSS

ЗдравствуйтеСтолкнулся с проблемой

258
не отображается блок в ios [требует правки]

не отображается блок в ios [требует правки]

Тестирую верстку сайта в browserstackНа iPhone У меня внутри подвала два div'а, при этом один не отображается совсем, пишет, что height: 0

298