Как поймать элемент, который существует только при наведении мыши?

kot2566

Client
Регистрация
25.11.2019
Сообщения
19
Благодарностей
6
Баллы
3
Например, на сайте https://www.tinkoff.ru/cardtocard/ (не реклама) при вводе данных карты появляется дополнительный блок с цифрами, с помощью которого нужно заполнить поле cvc.
Если после того, как оно появилось кликнуть в другом месте (хоть в отладчике браузера), то это окно удаляется из dom дерева.
Когда кликаешь снова на поле, это окно опять встраивается.
Как мне найти и кликнуть на элементы внутри этого окна и, собственно, заполнить поле cvc?
 

Вложения

trecho

Client
Регистрация
12.07.2018
Сообщения
171
Благодарностей
123
Баллы
43
тоже мучался иногда с такими элементами, ваш вопрос подоткнул нагуглить решение

Вводим в консоль
setTimeout(function(){debugger;}, 5000)
тыкаем куда нужно чтобы вызвать исчезающий элемент
через пять секунд страница встанет на паузу, и ничего уже никуда не исчезнет
 

viol2021

Client
Регистрация
12.01.2021
Сообщения
481
Благодарностей
179
Баллы
43
Например, на сайте https://www.tinkoff.ru/cardtocard/ (не реклама) при вводе данных карты появляется дополнительный блок с цифрами, с помощью которого нужно заполнить поле cvc.
Если после того, как оно появилось кликнуть в другом месте (хоть в отладчике браузера), то это окно удаляется из dom дерева.
Когда кликаешь снова на поле, это окно опять встраивается.
Как мне найти и кликнуть на элементы внутри этого окна и, собственно, заполнить поле cvc?
HTML:
<div style="top: 490px; left: 670.267px; z-index: 100;" data-qa-type="uikit/popover.popoverBlock" class="Popover-module__container_1pspW Popover-module__container_animated_1eh0f Popover-module__container_direction_bottom_Im_3F Popover-module__container_increasedTouchZone_2hAek Popover-module__container_open_2_7PJ"><div class="InputSecure-module__keyboard_XdOVn" role="application" data-cobrowsing-stub=""><ul data-qa-type="uikit/inputSecure.keyboard" class="Keyboard-module__keyboard_29kGV"><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="1" role="button">1</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="2" role="button">2</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="3" role="button">3</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="4" role="button">4</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="5" role="button">5</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="6" role="button">6</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="7" role="button">7</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="8" role="button">8</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="9" role="button">9</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du" data-value="0" role="button">0</span></li><li class="Keyboard-module__keyWrapper_1QYUx"><span class="Keyboard-module__key_334Du Keyboard-module__key_backspace_3iUQL" data-value="backspace" role="button"></span></li></ul></div></div>
 
Последнее редактирование модератором:

Кто просматривает тему: (Всего: 1, Пользователи: 0, Гости: 1)