Как имитировать нажатие на кнопку ENTER по полю?

Question

[Chernichko]

У меня есть форма в которой есть поле и кнопка: в поле вводишь код нажимаешь на кпонку и тебе выводятся данные.

<form>
...
<input type="text" class="text">
<input type="button">
...
<input type="submit" class="mainbutton">
</form>

но когда я ввожу в поле class text текст и нажимаю на enter нажимается та кнопка, которая самая основная mainbutton.

пробовала изменить на

<input type="text" class="text"  onkeyup="if(key(event)==13){promoDisc();}">
<input type="submit">

кнопка срабатывает, а потом тут же срабатывает основная

как мне разделить "область действия" кнопки enter?

Answer 1

[Алексей Уколов]

if (key(event) == 13) {
  promoDisc();
  return false
}

learn.javascript.ru

Comments

[Chernichko]

ничего не изменилось.
Если я пишу так
if (key(event) == 13) {
console.log('bla-bla');
}
также ничего не происходит...

[Алексей Уколов]

Читайте учебник, учитесь ставить обработчики события современными способами, отлаживайте свой код - это всё, что я могу вам ответить.

Answer 2

[Владимир]

https://learn.javascript.ru/event-bubbling

Answer 3

[trushka]

Можно textarea вместо input использовать, тогда submit по энтеру не будет срабатывать

Comments

[Алексей Уколов]

Ещё можно форму не использовать и сабмит, тогда тоже не будет срабатывать. Можно вообще всё на дивах сделать, подложив на фон картинку с полями формы - вот это железобетонное решение.

[trushka]

Алексей Уколов, то, что вы "предлагаете" создаёт дополнительные сложности в реализации, я же предлагаю упростить, при этом не вмешиваясь в норальное поведение формы.

[Алексей Уколов]

Учитывая, что input и textarea ведут себя по-разному, ваше решение создаёт ничуть не меньше сложностей - нужно обрабатывать многострочный ввод и т.п.