当前位置：首页 → 问答吧 → 如何在一个文本框中按下回车键后，然后下一个文本框获得焦点？

如何在一个文本框中按下回车键后，然后下一个文本框获得焦点？

时间：2009-04-27

来源：互联网

在Form表单中，当在一个文本框中输入值后按下回车键，另一个文本框获得焦点？谁知道，说下思路？或给出代码。

作者: ansir 发布时间: 2009-04-27

已解决

[ 此帖被ansir在2009-04-28 10:30重新编辑 ]

作者: ansir 发布时间: 2009-04-28

编辑掉。。。

作者: ggcall 发布时间: 2009-04-28

作者: longrufeng 发布时间: 2009-04-28

做人要厚道
已解决的话，
把方法贴出来，大家共享下啊

作者: fanht 发布时间: 2009-04-28

LZ不厚道……

作者: ztttly123 发布时间: 2009-04-28

我这里有一个

<html>

<head>
<script language="javascript" type="text/javascript">

function fifteenth (sixteenth, event)
{
    var seventeenth = event.keyCode ? event.keyCode : event.which ? event.which :           event.charCode;
    if (seventeenth == 13)
    {
        var eighteenth;
        for (eighteenth = 0; eighteenth < sixteenth.form.elements.length; eighteenth++)
        {
            if (sixteenth == sixteenth.form.elements[eighteenth])
            break;
        }
        eighteenth = (eighteenth + 1) % sixteenth.form.elements.length;
        sixteenth.form.elements[eighteenth].focus();
        return false;
    }
    else
        return true;
}
</script>

<title></title>

</head>

<body>

<form>
    <input type="text" onkeypress="return fifteenth(this, event)"><br>
    <input type="text" onkeypress="return fifteenth(this, event)"><br>
    <textarea>Here is some text</textarea>
</form>
</body>

</html>

作者: beanbeantian 发布时间: 2009-04-28

HTML代码

复制代码

<body>
<form action="temp.aspx" method="get">
<input type="text" class="ts" id="t-1" />
<input type="text" class="ts" id="t-2" />
<input type="text" class="ts" id="t-3" />
<input type="submit" value="submit "/>>
</form>
</body>

JS代码

复制代码

<script type="text/javascript">
var textboxCount;
$(function(){
textboxCount = $('.ts').length;
$('.ts').bind('keypress', function(e){
var id = $(this).attr('id');
id = parseInt(id.substring(2, id.length));
if(e.which == 13){
e.preventDefault(); //阻止表单提交
if(id < textboxCount){
// 转到下一个文本框
$('#t-' + (id + 1)).focus();
}else{
///最后要执行的提交或其它操作
}
}
})
});
</script>

作者: 巴斯光年发布时间: 2009-04-29

本来我贴出来了，2楼的让我编辑掉，所以我就编辑掉了。以下是代码：

$().ready(function (){

    $("input[type='text']").each(function (i){
       $(this).keypress(function (e){
        if(e.which==13)
        {

         $("input[type='text']").eq(i+1).focus();
         return false ;                                                     //禁止提交表单
        }
       });
    });
})

作者: ansir 发布时间: 2009-04-29

如何在一个文本框中按下回车键后，然后下一个文本框获得焦点？

热门阅读

热门下载