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

Question

Hidden Fronter @AlTerminator

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>

Вопрос задан более года назад
132 просмотра

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

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

Помогут разобраться в теме Все курсы

Нетология

Веб-разработчик с нуля: профессия с выбором специализации

14 месяцев

Далее
Академия Эдюсон

Fullstack-разработчик на JavaScript + ИИ

11 месяцев

Далее
ProductStar × РБК

Профессия: Инженер по тестированию + ИИ

6 месяцев

Далее

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

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

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

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

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

Михаил Р. @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>

Написано более года назад

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

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