当前位置：文江博客话题详情

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

发布于 2024-09-03 02:03:54 字数 237 浏览 5 评论 0原文

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

我怎样才能做到这一点？

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

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

凝望流年 2024-09-10 02:03:54

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

Try onKeyPress. That should take care of what you are looking for.

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

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

Here's a tutorial that deals with changing the cursor position of a field.

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

This suggests your autoTab() function should look like this.

function autoTab(field,nextFieldID){
  if(field.value.length >= field.maxLength){
    document.getElementById(nextFieldID).focus();
  }
}

回复收藏 0 原文

影子是时光的心 2024-09-10 02:03:54

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

Are you using jQuery in your project?

<!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 原文

心是晴朗的。 2024-09-10 02:03:54

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

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

回复收藏 0 原文

~没有更多了~

关于作者

浅唱々樱花落

暂无简介

0 文章

0 评论

23 人气

关注发私信

留蓝

文章 0 评论 0

关注

18790681156

文章 0 评论 0

关注

zach7772

文章 0 评论 0

关注

Wini

文章 0 评论 0

关注

ayeshaaroy

文章 0 评论 0

关注

初雪

文章 0 评论 0

友情链接

文江博客

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

留蓝

18790681156

zach7772

Wini

ayeshaaroy

初雪

友情链接

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（3）

关于作者

相关话题

热门标签

推荐作者

留蓝

18790681156

zach7772

Wini

ayeshaaroy

初雪

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。