Задать вопрос

Hidden Fronter @AlTerminator

javascript

JavaScript

Как имитировать событие клика, при котором передается параметр?

Нужно заменить ButtonTestClick("Получилось!"); на строку с имитацией клика через dispatchEvent и передать параметр "Получилось" через dispatchEvent.

<html>
<body>
<button onclick="ButtonRunClick()">Вызвать</button>
<button hidden id="ButtonTest" onclick="ButtonTestClick()">Test</button>
<script>
function ButtonRunClick()
{
  ButtonTestClick("Получилось!"); //Здесь нужно имитировать клик по кнопке с id "ButtonTest"
}

function ButtonTestClick(VarInput)
{
 alert(VarInput);
}
</script>
<style>
body
{
 text-align: center;
}
</style>
</body>
</html>

Вопрос задан 22 авг.
121 просмотр

Комментировать

Подписаться 2 Средний Комментировать

Решения вопроса 1

Mike_Ro

Михаил Р. @Mike_Ro Куратор тега JavaScript

Python, JS, WordPress, SEO, Bots, Adversting

CustomEvent()

Ответ написан 22 авг.

2 комментария

2 комментария

Hidden Fronter @AlTerminator Автор вопроса
Вместо "ButtonTestClick("Получилось!");" прописал

var dogFound = new CustomEvent("click", { detail: { VarInput: "Dog", }, }); document.getElementById("ButtonTest").dispatchEvent(dogFound);

Выдает undefined. Как нужно прописать?
Написано 22 авг.

Mike_Ro

Михаил Р. @Mike_Ro Куратор тега JavaScript

Hidden Fronter, примерно так:

<html>
<body>
<button onclick="ButtonRunClick()">Вызвать</button>
<button hidden id="ButtonTest" onclick="ButtonTestClick(event)">Test</button>
<script>
function ButtonRunClick() {
  const event = new CustomEvent('click', {
    detail: "Получилось!"
  });

  document.getElementById("ButtonTest").dispatchEvent(event);
}

function ButtonTestClick(event){
  alert(event.detail);
}
</script>
<style>
body {text-align: center}
</style>
</body>
</html>

Написано 22 авг.

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- 21 час назад
- 124 просмотра
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- 22 часа назад
- 145 просмотров
4

ответа
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- вчера
- 70 просмотров
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- вчера
- 46 просмотров
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- вчера
- 105 просмотров
0

ответов
JavaScript

Простой
Можно ли использовать Intersection Observer API для не дочерних элементов?
- 1 подписчик
- вчера
- 46 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как предотвратить работу onBlur?
- 1 подписчик
- вчера
- 63 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Cypress «syntax error, unrecognized expression». Что за ошибка и как решить?
- 1 подписчик
- вчера
- 38 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как построить код, чтобы гугл таблица на сайте выдавала только значение из конкретной ячейки?
- 1 подписчик
- вчера
- 39 просмотров
0

ответов
JavaScript

Простой
Как обойти контроль просмотра видео на сайте образовательного ресурса?
- 1 подписчик
- 19 нояб.
- 132 просмотра
3

ответа
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Разработать Custom Speech-to-text Operator на Apache Flink

21 нояб. 2024, в 21:42

100000 руб./за проект

Сделать видио поздравления с субтитрами

21 нояб. 2024, в 21:30

500 руб./за проект

Разработка мобильного приложения с дополненной реальностью (AR)

21 нояб. 2024, в 20:14

200000 руб./за проект