Как добавить обработчик click с jquery?

Question

[yanis_kondakov]

Имеется такой код.

codepen.io/yanisKondakov/pen/qajapK?editors=1111

При нажатии на Enter выполняется функция. Как сделать, чтобы и при нажатии на button выполнялась эта же функция?

Answer 1

[coderisimo]

кнопка

<button class="btn btn-default" id='bbbb' type="button">
						Add
					</button>

JS

$('#bbbb').on('click', function(){
 
   $('#htApp input').keydown();
});

ну и про вот это не забудьте :

if (e.keyCode != 13) 
			return;

Comments

[yanis_kondakov]

Простите, но правда не могу понять, как сделать предложенным Вами способом. Поэтому решил другим способом. codepen.io/yanisKondakov/pen/XjgoRr?editors=1111

[yanis_kondakov]

coderisimo Буду очень признателен, если покажете на примере

[coderisimo]

yanis_kondakov: ну так у вас все срабатывает по событию
$('#htApp input').on('keydown', function (e)..........

а вот здесь я это событие генерирую :
$('#htApp input').keydown();

но в данном случае
if (e.keyCode != 13)
return;
вот эта штука не дает сработать функции, ибо нужно либо сделать чтобы e.keyCode был = 13 , либо убрать эту проверку ))

это общая идея. конечная реализация за вами.

[coderisimo]

yanis_kondakov: а вообще , вы можете вынести то что надо сделать в отдельную функцию и вызвать ее и по нажатию на кнопку и нажатию на "энтер". Так вы избежите дублирования кода

[yanis_kondakov]

coderisimo:
Вот решение:

$('.btn').on('click',function() {
    $('#htApp input').trigger({type:'keydown',keyCode : 13})
})

[yanis_kondakov]

coderisimo: я так сделал, ссылка в первом комментарии под Вашим ответом. В любом случае, спасибо за помощь!

[coderisimo]

yanis_kondakov: ну вот и славно )

Answer 2

[Albert Kazan]

$('#your_element_id').click(function() {
//
});

Answer 3

[trushka]

Ещё можно инпут и кнопку обернуть в форму и обработчик на submit повесить - тогда сработает и по клику, и по энтэру, и ничего проверять не надо) Естественно, в конце обработчика return false поставить, чтоб форма не отправлялась