0

Нажимаю на кнопку и нужно обработать это событие в jquery.

Но не знаю как реализовать это в самом js-коде.

В кнопку onclick='' - не подходит, нужно что-то типа

document.onclick ('.button') = function ({
... 
});
2
  • 1
    вы хоть что-то пытались читать про jquery, или пытаетесь придумать как это сделать с помощью фантазии своей?
    – teran
    Commented 4 июл. 2017 в 14:20
  • @teran Топикстартер не читатель, топикстартер - программист.
    – u_mulder
    Commented 5 июл. 2017 в 15:46

4 ответа 4

3
$('.button').on('click',function(){
  // ваш код
});
1
  • Не работает у меня
    – EduardRST
    Commented 5 июл. 2017 в 6:24
2

В вашем случае необходимо использовать такой синтаксис

$('.button').click(function(event) {
   //some logic here
});

Посмотреть можно тут

2
  • Не работает у меня
    – EduardRST
    Commented 5 июл. 2017 в 6:24
  • что именно у вас не работает? Вы данный код вообще вызываете? Commented 5 июл. 2017 в 8:09
0

button = document.getElementById('button');

function fn() {
  console.log("click");
};

if (button.addEventListener) {
  button.addEventListener('click', fn, false); // для ие
} else if (button.attachEvent)  {
  button.attachEvent('onclick', fn); // для остальных
}
<button id="button">Тык!</button>

Зачем использовать addEventListener?

addEventListener - это способ зарегистрировать обработчик события, описанный в документации W3C DOM. Вот список преимуществ его использования:

  • Позволяет добавлять множество обработчиков для одного события. Это особенно полезно для DHTML библиотек или Mozilla extensions, которые должны работать в условиях использования сторонних библиотек/расширений.
  • Предоставляет точный контроль фазы срабатывания(вызова) обработчика (захват или всплытие)
  • Срабатывает на любом DOM элементе, а не только на HTML элементах.
0
window.onload = function () {
    $('.button_order').click(function () {
        alert('hello!');
    });
}

Нужно было ставить код или после кнопок (в конце документа), или подождать, пока документ загрузится.

Так работает. Всем спасибо за помощь

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.