Как можно симулировать нажатие на кнопку с помощью события onclick?

Мне нужна помощь с использованием JavaScript для нажатия кнопки с использованием onclick. Вот пример кода с двумя кнопками:

```html
<div id="start-ads-1511371">
<span onclick="if (!window.__cfRLUnblockHandlers) return false; funcjs['start_youtube'](1511371, '64510c52b15a5f821e651c12e2580715', 'ads-start', 'ads');" title="https://www.youtube.com/watch?v=KfAKl9Udfpo" style="cursor:pointer;color:#006699;">Спасибо за просмотр</span><br>
<span class="serf-text">Просмотр видеоролика</span>
</div>

<div id="start-ads-1511533">
<span onclick="if (!window.__cfRLUnblockHandlers) return false; funcjs['start_youtube'](1511533, '0ba759d91a3371d8c792ff41fcacd6c7', 'ads-start', 'ads');" title="https://www.youtube.com/watch?v=K8vJdfVYwkA" style="cursor:pointer;color:#006699;">Посмотреть видео</span><br>
<span class="serf-text">Просмотр видеоролика</span>
</div>
```

Как мне с помощью JavaScript нажать на одну из этих кнопок?
  • 11 ноября 2023 г. 12:49
Ответы на вопрос 3
Для того чтобы симулировать нажатие на кнопку с помощью события onclick, можно использовать метод dispatchEvent(). Ниже приведен пример кода, который нажимает на кнопку с id "start-ads-1511371":

```javascript
// Находим элемент кнопки по id
var button = document.getElementById('start-ads-1511371');
// Создаем новое событие клика
var event = new Event('click');
// Диспатчим событие на кнопку
button.dispatchEvent(event);
```

После выполнения этого кода, кнопка будет нажата, и выполнится код, связанный с событием onclick. Вы можете использовать аналогичный код для нажатия на другую кнопку с нужным id.
let spanElement = document.querySelector('[id^="start-ads-"] span[onclick]');

if (spanElement) {
    spanElement.click();
} else {
    console.log('Не удалось найти элемент');
} 
 Если элемент соответствующий заданному селектору найден на странице, выполните его клик. В противном случае, выведите сообщение "Не удалось найти элемент" в консоль.
Похожие вопросы