Как запретить добавление текста в textarea?

Question

[kirillleogky]

Как запретить редактирование в textarea, но в то же время чтобы можно было сфокусироваться на нём?
Что я имею ввиду:


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

Answer 1

[0xD34F]

document.querySelector('textarea').addEventListener('keydown', e => e.preventDefault());

или

<textarea readonly></textarea>

Comments

[kirillleogky]

0xD34F
Я делаю клавиатуру которая выводит только символы из экранной клавиатуры
Но при первом нажатии добавляется буква из ввода textarea а потом нормально
Я пробывал preventDefault но не работает все равно
Проект - https://jsfiddle.net/3w20cr1a/

[0xD34F]

kirillleogky, а на хрена вы подключили обработчик keydown внутри другого обработчика keydown? Для вас что, код - это не код, а набор иероглифов, которые надо тупо копипастить? Ну окей, давайте поупражняемся в этом занятии ещё: удаляете строку из ответа, вместо неё вписываете event.preventDefault();.

Answer 2

[Adik Izat]

javascript: event.preventDefault()

Comments

[kirillleogky]

Adik Izat
Я делаю клавиатуру которая выводит только символы из экранной клавиатуры
Но при первом нажатии добавляется буква из ввода textarea а потом нормально
Я пробывал preventDefault но не работает все равно
Проект - https://jsfiddle.net/3w20cr1a/

[zkrvndm]

kirillleogky, наложите поверх textarea прозрачный блок, на это блок повесьте onclick чтобы при нажатии ваш textarea получал фокус:

setTimeout(function() {
    document.querySelector('textarea').focus();
}, 10);

Обратите внимание, что фокус я передал с задержкой - это важно, без задержки не будет работать.