Как повесить событие на кнопку в jquery?

Пользователь

от eudora , в категории: JavaScript , 3 года назад

Как повесить событие на кнопку в jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dmitrypro77 , 2 года назад

@eudora Используйте .on() в jQuery чтобы повесить событие на кнопку, ниже пример события клик на кнопку как пример:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<html>
<head>
    <meta charset="utf-8"/>
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
<button id="button">Кнопка</button>
</body>
<script>
    // Слушать событие клик на нажатие кнопки
    $('#button').on('click', () => {
        console.log('Кнопка нажата');
    });
</script>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от kenya , 2 года назад

@eudora 

Чтобы повесить событие на кнопку в jQuery, можно использовать метод .on(). Вот пример:

1
2
3
4
5
$(document).ready(function() {
  $("button").on("click", function() {
    alert("Кнопка была нажата.");
  });
});


В этом примере мы использовали метод .on(), чтобы повесить обработчик события "click" на все кнопки на странице. Когда пользователь нажимает на любую кнопку, jQuery вызывает функцию обработчика события, которая выводит сообщение с помощью функции alert().


Здесь $(document).ready() означает, что код JavaScript будет выполнен только после полной загрузки страницы. Если вы поместите код до того, как страница будет полностью загружена, он не будет работать.