Как переместить курсор из первой текстовой области во вторую текстовую область без использования табуляции или мыши? - PullRequest
Новая
       12

Как переместить курсор из первой текстовой области во вторую текстовую область без использования табуляции или мыши?

2 голосов
/ 25 мая 2010

Я создаю поле для пароля, которое содержит три текстовые области. Каждая текстовая область имеет один символ. После того, как я наберу первый символ пароля, я должен нажать клавишу Tab или с помощью мыши добраться до второй текстовой области и ввести второй символ пароля. Я хотел бы, чтобы это происходило автоматически (перемещение курсора) сразу после ввода первой текстовой области.

как мне этого добиться?

Если вы можете спросить, я использую Visual Studio .NET 2008 в C # Я идеальный новичок в .net, и я не знаю, как задать этот вопрос с подходящими словами.

Спасибо.

Ответы [ 3 ]

3 голосов
/ 25 мая 2010

Попробуйте onKeyPress . Это должно заботиться о том, что вы ищете. 

<input type="text" name="password" onKeyPress="autoTab()" />

<script type="text/javascript" language="JavaScript">
   function autoTab() {
     //do stuff
   }
</script>

Вот учебник, который касается изменения позиции курсора поля.

http://www.webdeveloper.com/forum/showthread.php?t=91817

Это говорит о том, что ваша функция autoTab () должна выглядеть следующим образом. 

function autoTab(field,nextFieldID){
  if(field.value.length >= field.maxLength){
    document.getElementById(nextFieldID).focus();
  }
}
1 голос
/ 25 мая 2010

Вы используете jQuery в своем проекте? 

<!DOCTYPE html>
<html>
<head>
<title>example</title>
<style type="text/css">
    *
    {
        margin: 0;
        padding: 0;
    }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">

    $(function () {

        $('#data1').keyup(function () {

            if ($(this).val().length == 1) {

                $('#data2').focus();
            }

        });

    });

</script>
</head>
<body>
<input id="data1" type="text" value="" style="width: 10px" /><br />
<input id="data2" type="text" value="" style="width: 10px" />
</body>
</html>
0 голосов
/ 25 мая 2010 
if textbox1.text.length > 0 then textbox2.focus();
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...