如何在不使用标签或鼠标的情况下将光标从第一个文本区域移动到第二个文本区域？答案

【问题标题】：How do I move the cursor from the first textarea to a second textarea, without using tab or the mouse?如何在不使用标签或鼠标的情况下将光标从第一个文本区域移动到第二个文本区域？
【发布时间】：2010-05-25 14:47:18
【问题描述】：

我正在构建一个包含三个文本区域的密码框。每个文本区域都有一个字符。在我输入密码的第一个字符后，我必须按 Tab 或使用鼠标进入第二个文本区域以输入密码的第二个字符。我想在我输入第一个文本区域后立即自动执行此操作（光标移动）。

我怎样才能做到这一点？

如果您可能会问，我在 C# 中使用 Visual Studio .NET 2008 我是 .net 中的完美新手，我不知道如何用适当的话问这个问题。

谢谢。

【问题讨论】：

好的，该项目在 .NET 中并且代码没有使用“输入字段”它正在使用：

标签： .net javascript html passwords cursor

【解决方案1】：

试试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();
  }
}

【讨论】：

感谢您的帮助。我很感激。问题是，就我而言，它不是输入字段。因为它是用 .net 编写的，所以我们使用这样的一行：
你应该没问题，只需将 onKeyPress="autoTab()" 元素放在那个 asp:TextBox 中并使用 txtPwd2 是从字段 1 转到字段 2 时 autoTab() 的输入。

【解决方案2】：

你在你的项目中使用 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>

【讨论】：

即使你不是：document.getElementById('data1').onkeyup = function() { if (this.value.length == 1) document.getElementById('data2').focus(); };
我尝试了这个解决方案并且它有效。现在我必须尝试使用 .NET 来看看它是否也一样。 .NET 很古怪。我是这个框架的新手。

【解决方案3】：

if textbox1.text.length > 0 then textbox2.focus();

【讨论】：