JavaScript-перехват ключевых событий в текстовых полях

Question

Я хочу перехватить событие ключа, идущее в текстовое поле HTML в JavaScript, проигнорировать его, а затем выполнить собственное обновление для этого поля. В настоящее время я использую слушатель onKeyPress, чтобы заменить его после факта, но есть мерцание, поскольку введенный текст заменяется измененным текстом. Как перехватить ключевые события, чтобы они не обрабатывались текстовым полем? Я хотел бы избежать прозрачного div, если это возможно. Спасибо!

Answer 1

Перехватите событие нажатия клавиши и вызовите 'protectDefault ()'.Это отменит действие по умолчанию для обновления ввода текста.

<input type="text"  onkeydown="check(event)"/>

function check(event){

   event.preventDefault();

}