вывод текста из поля ввода по Enter
Добрый день!
Есть задача: отобразить текст на странице. Есть поле ввода, нужно, чтоб введенный текст отобразился по нажатию клавиши Enter, а поле ввода очистилось. Кто-нить может помочь написать скрипт? Вот мой вариант с кнопками (нужно без кнопок):
<html>
<head>
<script>
function gettext() {
document.test.Edit2.value=document.test.Edit.value;
}
</script>
</head>
<body>
Проверка штрих-кодов на читаемость
<form name="test">
<input type="text" name="Edit" size="30">
<input type="button" value="Проверить штрих-код" Onclick="gettext()">
<input type="reset" value="Очистить" Onclick="reset">
<br>
<br>
<br>
<input type="text" name="Edit2" readonly style="border:2px solid white" size="100">
</form>
</body>
</html>
|
На keydown формы вешаешь обработчик (или на keydown всего документа, смотря как точно работать должно), в нем смотришь, что в event.keyCode || event.which, если там код клавиши enter, то делаешь что нужно и, что бы не произошло перехода на другую страницу, останавливаешь стандартное действие браузера:
if (event.preventDefault) event.preventDefault(); event.returnValue = false; Примерно похожая ситуация есть здесь: http://fastcoder.org/articles/?aid=264 Учебник по событиям: http://javascript.ru/tutorial/events |
а можно поподробнее....пожалуйста!
|
Почти разобрался....остался один вопрос:
нужно, чтобы поле ввода было пустым, т.е. очищалось после каждого ввода текста, а полученный текст по функции gettext() оставался. И Фокус должен быть всегда на поле ввода. вот мой код:
<html>
<head>
<script>
function gettext() {
document.test.Edit2.value=document.test.Edit.value;
}
</script>
</head>
<body>
<p align="center">Проверка штрих-кодов на читаемость </p>
<form name="test">
<p align="center">
<input type="text" name="Edit" onkeydown="javascript:if(13==event.keyCode){return gettext();}" size="20">
<br>
<br>
<br>
<br>
<br>
<br>
<input type="text" name="Edit2" readonly style="border:2px solid white" size="20">
</p>
</form>
</body>
</html>
|
| Часовой пояс GMT +3, время: 06:48. |