Есть ли способ предотвратить щелчок пользователя в текстовой области?
Я пытаюсь эмулировать терминал в html/css/javascript в приложении Vuejs. Для этого я использую текстовое поле.
Пользователь не должен нажимать на предыдущую строку и обновлять или удалять текст. Итак, возможно ли предотвратить щелчок пользователя в текстовой области и разрешить только действия с клавиатурой?
Ожидается, что вы попытаетесь выполнить напиши код сам. После проводить больше исследований, если у вас есть проблема отпишись что пробовал с четкое объяснение того, что не работает, укажите Минимальный, полный и проверяемый пример. Прочитайте Как спросить хороший вопрос. Обязательно взять тур и прочитайте это.
Просто чтобы опубликовать мои мысли и рекомендации - вы должны разрешить им вводить одно поле в качестве ввода за раз. Они нажимают ввод, и он добавляется к div для отображения. Это помогает эмулировать командную строку — вы можете ввести ввод в одной строке и отправить его, а затем только просмотреть его. Текстовое поле, скорее всего, не самое оптимальное решение для HTML.
Я не думал о простом входном решении, но обязательно попробую! Спасибо @ZacharyBrooks
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 5
Вы можете просто предотвратить событие onmousedown по умолчанию в текстовой области:
document.getElementById('textarea').onmousedown = function(e){
e.preventDefault();
}
вы можете просто использовать решение только для css:
<textarea unselectable = "on" id = "my_textarea"></textarea>
*.unselectable {
-webkit-user-select: none;
}
Да, возможно, вы можете отключить текстовую область, и вы также можете установить только для чтения
Текстовое поле с отключенным
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is textarea with disabled</h1>
<textarea rows = "10" cols = "50" disabled>
dsdkiensdsndsjdnjnjdndjsndajndasjdnasjd
</textarea>
</body>
</html>Текстовое поле только для чтения
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is Textarea with readonly</h1>
<textarea rows = "10" cols = "50" readonly>
dsdkiensdsndsjdnjnjdndjsndajndasjdnasjd
</textarea>
</body>
</html>Вы можете использовать атрибут readonly в разметке HTML.
Рабочий пример:
<textarea readonly>
Here is some sample text.
</textarea>
текстовая область может быть не тем элементом, который вам нужен.