Почему vue при событии keypress вызывает метод click?

Question

[Денис Шпуганич]

Не понимаю почему при нажатии на поле ввода кнопки Enter, происходит событие click ?
https://jsfiddle.net/h35y5jx7/2/

Answer 1

[Антон Антон]

Потому что по умолчанию у первой кнопки type = submit, а нажатие enter вызывает submit формы и вызывает обработчик и на кнопке. Для полного счастья надо указать у кнопки type="button", и указать модификатор prevent у keydown
https://jsfiddle.net/2kcLjsb3/
попробуйте удалить type у кнопки, и увидите в консоли вывод four.
то же самое, если убрать .prevent у keydown

Answer 2

[Александр Аксентьев]

Потому что форма "отправляется"?

Comments

[Денис Шпуганич]

она не отправляется.
Там стоит модификатор prevent.
Если в обработчике сделать event.preventDefault() то поведение то же

[Александр Аксентьев]

Денис Шпуганич: но событие то срабатывает, на enter нажимается сабмит(button в форме)

[Радость моя]

а я не вижу логики почему причем тут отправка формы по enter и click-событие, тем более они на разных элементах. Если можно подробнее расскажите.

[Александр Аксентьев]

t-alexashka: любая форма отправляется по энтеру, без помощи js.
Но только если в форме есть input submit или button