Как кроссплотформенно поймать keyCode?

Question

[lavezzi1]

Здравствуйте. Все просто, нужно отследить пробел в инпуте, отменить действие и применить свое. Делаю так:

<input @keydown="keydownHandler($event)" v-model="element"/>

keydownHandler(e) {
        console.log(event.keyCode);
        let key = event.keyCode || event.which;
        
        switch (key) {
          case 32:
            event.preventDefault();
            this.push();
            break;
        }
}

В браузераз да десктопе работает, в сафари на iphone вроде тоже. А вот на андроиде keydown не отслеживается. А на других в keyCode детекторах всегда 229. Перечитал кучу тикетов на stackletoverflow и уже каша в головве. Есть какое то нормальное решение данной проблемы?

Answer 1

[ой всё]

keyCode нужен, если вам важна конкретная клавиша, а вашем случае можно просто читать значение инпута
вот такой код работает у нас вроде бы на всех устройствах, мы так убираем нули и лишние цифры после десятичной точки, должно работать и для пробела

$("ваш инпут").on("keypress", function (event) {
  if( $(this).val() == " " ) {
      // выполнять нужные действия
  }
});

пробелы по краям мы убираем с помощью jquery trim() по событию blur или focusout, то есть если вводится один пробел то он сразу удаляется

Comments

[lavezzi1]

У меня нет jquery.
keypress is deprecated.
Мне нужно поймать пробел с клавы чтобы сделать определенное действие.

[ой всё]

lavezzi1, этому проекту уже несколько лет, еще под старым jquery работает, тоже теперь придется ломать голову

насколько я помню мы долго искали событие, которое работает везде - только keypress справился