Форум

PDJ · #1 (**permalink**) 30.10.2009, 16:30

Добрый день!
Есть задача: отобразить текст на странице. Есть поле ввода, нужно, чтоб введенный текст отобразился по нажатию клавиши 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>

Riim · #2 (**permalink**) 31.10.2009, 03:54

На 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

PDJ · #3 (**permalink**) 06.11.2009, 07:47

а можно поподробнее....пожалуйста!

PDJ · #4 (**permalink**) 06.11.2009, 08:10

Почти разобрался....остался один вопрос:
нужно, чтобы поле ввода было пустым, т.е. очищалось после каждого ввода текста, а полученный текст по функции 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>

Форум

Справочник

Discord чат

Курсы javascript