Question

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

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

我怎么能做到这一点？

脚本代码如下：

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" >

Answer 1

例如：

        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;

Answer 2

textLength没有为我捕捉字段文本长度;我使用了event.target.value.length

导航表单字段并使用箭头键编辑文本

2 个答案: