Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Сайтостроение (уроки по HTML, PHP, MySQL, веб-дизайну)


FAQ по JavaScript. Рассылки сайта progs.biz
Выпуск № 39
 
Начало > JavaScript > FAQ > Вопрос 2

С. С. Байдачный .NET Framework 2.0. Секреты создания Windows-приложений.
С. С. Байдачный. .NET Framework 2.0. Секреты создания Windows-приложений
Заказать на Озоне

Подробнее


Полные версии уроков (с картинками): вопрос 2.

FAQ по JavaScript
Вопрос 2. Как перевести фокус на следующий элемент при нажатии Enter?

Задача такая - переводить фокус на следующий элемент управления на web-странице при нажатии клавиши Enter. Например, при заполнении некоторой форме на сайте пользователю удобно при заполнении очередного тестового поля переходить на следующее поле не мышкой, а путем нажатия на Enter.

Вот пример такого кода:

<html>
<head>
    <script type="text/javascript">
function NextField(form, elem, evt){
    var char = evt.keyCode;
    if(char == 13){
        form.elements[elem].focus();
        return false;
    }
    return true;
}
    </script>

</head>
<body>
    <form id="form1" action="second.htm">
        <div>
            <input type="text" name="firstName" id="firstName" onkeypress="return NextField(this.form, 'secondName', event)" />
            <input type="text" name="secondName" id="secondName" />
            <input type="submit" />
        </div>
    </form>
</body>
</html>

Несколько слов по коду. Во-первых, мы задали для наших двух текстовых полей имена и id - firstName и secondName соответствено. Во-вторых, для первого текстового поля мы задали обработчик для события onkeypress - а именно мы вызываем в нем нашу функцию NextField, в которую в качестве параметров передаем форму и элемент на форме (именно на указанный элемент на форме и перейдет фокус при нажатии Enter). Перед всем этим мы должны нашу функцию NextField написать. Это мы делаем внутри тега script. В функции мы анализируем код нажатой клавиши - если он равен 13 (код клавиши Enter), то мы переводим фокус на соответствующий элемент в форме.

Рассылки сайта progs.biz
Visual C++, MFC
C# и .NET
VB.NET
ASP.NET
Win API
C/C++
Delphi
Java
HTML, PHP, mySQL, WEB-дизайн
Flash MX
C++ Builder
Ассемблер
SQL Server
DirectX
Обзор книг
Обзор программ
Новости сайта progs.biz


PARKING.RU. Качественный ВИРТУАЛЬНЫЙ ХОСТИНГ на платформе Windows(r): поддержка NET, многофункциональная панель управления, аренда бизнес-приложений, сертифицированные специалисты. Управляемый ВЫДЕЛЕННЫЙ ХОСТИНГ на платформе Windows(r): производительные серверы, профессиональная поддержка, аренда ПО Microsoft(r), безопасность, гарантии. http://www.parking.ru


Копирование любых материалов сайта без разрешения авторов и владельцев сайта запрещено.
© 2002-2006 сайт progs.biz
© 2002-2006 Игорь Алексеев

В избранное