Как запретить кнопку с типом submit реагировать на enter?

KataevAS, вот теперь как надо работает, спасибо большое !

Как запретить кнопку с типом submit реагировать на enter?

KataevAS, все равно не хочет: https://codepen.io/Genri_Rus/pen/XWmpKaX

Проблема так и не решилась с enter:
1. нажимаю на кнопку с иконкой поиска
2. нажимаю снова на кнопку с иконкой поиска - инпут скрыт
3. нажимаю enter - инпут снова открыт

Как запретить кнопку с типом submit реагировать на enter?

Андрей, мне просто интересно, как это делают нормальные люди )

Многие скрывают инпуты на мобильной версии и у них вроде все нормально работает

Как запретить кнопку с типом submit реагировать на enter?

Андрей, в мобильной версии я планировал отправку сделать с помощью window.location.reload, get запрос

А в десктопной просто по дефолту, через submit, т.к. у меня input не будет скрыт на десктопной версии

Как запретить кнопку с типом submit реагировать на enter?

KataevAS, мне нужно, чтобы enter вообще не реагировал на открытие или закрытие инпута

Как запретить кнопку с типом submit реагировать на enter?

Андрей, и все таки type="button" на декстопе мне не подходит, т.к. переадресация на другую страницу не произойдёт

Как запретить кнопку с типом submit реагировать на enter?

KataevAS, правильно ?

https://codepen.io/Genri_Rus/pen/XWmpKaX

Как запретить кнопку с типом submit реагировать на enter?

KataevAS, проверьте сами

1. нажимаю на кнопку с иконкой поиска
2. нажимаю снова на кнопку с иконкой поиска
3. нажимаю enter - инпут снова открыт

Как запретить кнопку с типом submit реагировать на enter?

Андрей, спасибо за ответ, но опять есть проблема )

На десктопной версии менять ничего не нужно, нужно менять только на экранах ниже:

$("form").on('submit', function(e) {
  if ($(window).width() < 769) {
   тут запрет на submit	
 }
});

Как запретить кнопку с типом submit реагировать на enter?

Дмитрий Беляев, при фокусе ничего не скрывается, даже если я нажимаю enter

Как запретить кнопку с типом submit реагировать на enter?

Все равно при клике на enter инпут скрывается: https://codepen.io/Genri_Rus/pen/XWmpKaX

Как запретить кнопку с типом submit реагировать на enter?

Дмитрий Беляев, я в мобильной версии хочу убрать такую возможность, а не на десктопной )

Как запретить кнопку с типом submit реагировать на enter?

Андрей, я кликаю по кнопке, а у меня отправка происходит

Мне нужно с e.preventDefault()

Как запретить кнопку с типом submit реагировать на enter?

Андрей, enter ничего не должен делать

Как запретить кнопку с типом submit реагировать на enter?

Андрей, нет

Тогда при повторном клике на иконку с поиском у меня инпут не скрывается

Как запретить кнопку с типом submit реагировать на enter?

Я preventDefault планировал прописывать на экранах, которые меньше 768px

P.S. Это просто для наглядности такого эффекта я показал

Как запретить кнопку с типом submit реагировать на enter?

Андрей, тогда проблема может быть в другом

Если мне нужно постоянно ее тоглить, т.е. показывать/скрывать только по клику на саму кнопку ?

Как запретить кнопку с типом submit реагировать на enter?

Постараюсь объяснить более понятнее )

Вот я кликнул по кнопке с иконкой поиск:



Далее нажмите enter и инпут скроется, вот как сделать чтобы при нажатии на enter инпут не скрывался ?

Как запретить кнопку с типом submit реагировать на enter?

На мобильной версии я кнопку собираюсь блокировать, а не на десктопной

Получается в мобильной версии эффект такой же

Как вычислить line-height, если известен размер шрифта?

Ankhena, понял, спасибо за ответ
Ну я всегда использую rem и line-height подстраивающийся под размер шрифта, т.к. это очень удобно