Как обработать два события для двух элементов?

Question

[Vit]

Есть строка поиска с кнопкой. Как на jquery без дублирования кода обработать и нажатие enter, и клик по кнопке?
Обработчик одинаковый для двух действий.

Answer 1

[Сергей delphinpro]

function send() { .... }

$('input').on('keypress', send);
$('button').on('click', send);

Answer 2

[Денис]

Обработчик вынести в отдельную функцию. А дальше есть несколько вариантов:

<input type="text">
<button>Click me!</button>

Вариант 1

function handler() {
    console.log('Do something');
}
$('input').on('keyup', function(e) {
    if (e.which === 13) {
        handler();
        // или 
        // handler.call(this);
    }
});
$('button').on('click', handler);

Вариант 2

function handler() {
    console.log(this);
}
var but = $('button');
$('input').on('keyup', function(e) {
    if (e.which === 13) {
        but.trigger('click');
    }
});
but.on('click', handler);

Answer 3

[lega]

Обычно используют форму + кнопку submit, в итоге ентеры, клики и т.п. выливаются в одно событие "submit" на форме.

Comments

[Vit]

Тоже верно. В данном случае хотел бы поменьше html кода.