Как сымитировать нажатие на кнопку нажатием по другой кнопку?
.hider-recipient {
display: block;
margin-top: 20px;
}
<button class="hider">Нажать на "Кнопку 1"</button>
<button class="hider-recipient">Кнопка 1</button>
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуfunction triggerButton1Click() {
document.querySelector(".hider-recipient").dispatchEvent(new Event("click"));
}
.hider-recipient {
display: block;
margin-top: 20px;
}
<button class="hider" onclick="triggerButton1Click()">Нажать на "Кнопку 1"</button>
<button class="hider-recipient" onclick="console.log('Кнопка 1 clicked')">Кнопка 1</button>
document.querySelector(".hider-recipient").click()
для самых ленивых
"Uncaught ReferenceError: triggerButton1Click is not defined at HTMLButtonElement.onclick ((index):957)"
window.onload = function () {
let but1 = document.getElementsByClassName('hider')[0]; // Получаем элемент по классу
let but2 = document.getElementsByClassName('hider-recipient')[0]; // Получаем элемент по классу
but1.addEventListener('click', function () { // При нажатии первой кнопки
but2.click(); // нажимаем вторую
});
but2.addEventListener('click', function () { // Для демонстрации - при нажатии на вторую кнопку
console.log('Вторая кнопка нажата'); // выводим сообщение в консоль
})
}
<style>
.hider-recipient {
display: block;
margin-top: 20px;
}
</style>
<button class="hider">Нажать на "Кнопку 1"</button>
<button class="hider-recipient">Кнопка 1</button>