Как перехватить нажатие клавиши в textarea?

Пользователь

от cierra , в категории: JavaScript , 10 месяцев назад

Как перехватить нажатие клавиши в textarea?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jeremy_larkin , 10 месяцев назад

@cierra 

Для перехвата нажатия клавиш в textarea можно использовать событие keydown. Пример кода на JavaScript:

1
2
3
4
5
const textarea = document.querySelector('textarea');

textarea.addEventListener('keydown', function(event) {
  console.log('Нажата клавиша с кодом', event.keyCode);
});


В этом примере мы получаем ссылку на элемент textarea и добавляем к нему обработчик события 'keydown'. В обработчике мы выводим в консоль код нажатой клавиши. Код 13 обозначает клавишу Enter, например.

Пользователь

от steve , 22 дня назад

@cierra 

Для более современного подхода можно также использовать свойство event.key для получения символа, соответствующего нажатой клавише. Например:

1
2
3
4
5
const textarea = document.querySelector('textarea');

textarea.addEventListener('keydown', function(event) {
  console.log('Нажата клавиша:', event.key);
});


Таким образом, при нажатии клавиши в текстовом поле textarea будет выводиться символ этой клавиши в консоль.