导航表单域并用箭头键编辑文本

我有一个网站形式的脚本，在此按下回车键或右箭头将焦点更改为下一个字段，或者通过按下左箭头将焦点更改为上一个字段。

我需要能够使用箭头键在编辑文本时更改光标位置，而不必更改字段焦点，只需在光标位于文本的开头或结尾时进入下一个字段。

我怎么能做到这一点？

脚本代码如下所示：

function tabulacion_manual(e,adelante,atras,saltar){
    if(saltar==1)
    {
        setTimeout(function(){
            $(adelante).focus();
            $(adelante).select();
        },150);
    }else{
        //tecla = (document.all) ? e.keyCode : e.which;
        tecla = (window.event) ? window.event.keyCode : e.keyCode;

        switch(tecla){
            case 37: //atras
                $(atras).focus();
                break;
            case 38: //arriba
                $(atras).focus();
                break;
            case 40: //abajo
                $(adelante).focus();
                break;
            case 39: //derecha
                $(adelante).focus();
                break;
            case 13: //enter
                $(adelante).focus();
                break;
        }
    }
    return true;
}

该html代码是：

<s:textfield name="programaFaena.fecha"  maxlength="10" tabindex="1" onkeypress="return tabulacion_manual(event,this,next())" autocomplete="off" readonly="false" >

---

例如：

        case 37: //atras
            //if the cursor is at the beginning of the field
            if (event.target.selectionEnd == 0) {
                $(atras).focus();
            }
            break;
        ...
        case 39: //derecha
            //if the cursor is at the end of the field
            if (event.target.textLength-event.target.selectionStart == 0) {
                $(adelante).focus();
            }
            break;

---

textLength没有为我记录字段长度; 我用event.target.value.length

链接地址: http://www.djcxy.com/p/68449.html

上一篇: navigate form fields and edit text with the arrow keys

下一篇: Use JavaScript to place cursor at end of text in text input element