使用Microsoft客戶端AJAX庫從一個文本框跳到另一個文本框的最佳方法是什么？

Question

我試圖找到一種可重用的方法，以便在使用ASP.NET進入時將焦點從一個文本框設置到另一個文本框，但是要使用客戶端JavaScript來做到這一點。

我提到要在ASP.NET中完成此操作的唯一原因是由於ASP.NET呈現的控件的客戶端ID可能與標記中指定的不同。

Answer 1

修改以下代碼以實現您的目標。

    /***********************************************
    * Disable "Enter" key in Form script- By Nurul Fadilah(nurul@REMOVETHISvolmedia.com)
    * This notice must stay intact for use
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/

function handleEnter(field, event) {
        var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
        if (keyCode == 13) {
            var i;
            for (i = 0; i < field.form.elements.length; i++)
                if (field == field.form.elements[i])
                break;
            i = (i + 1) % field.form.elements.length;
            field.form.elements[i].focus();
            return false;
        }
        else
            return true;
    }

Answer 2

你可以試試看。

function ChangeOnEnter (event, target) {
     if(event.keyCode === 13){
         document.getElementById(target).focus();
         return false;
     }
}

<input type="text" id="first" onKeyPress="ChangeOnEnter(event,'second')"/>
<input type="text" id="second"/>

希望這就是您想要的。

Answer 3

您可以利用tabindex html元素屬性來允許用戶瀏覽字段。 我認為這是一種遍歷表格的通用機制。

http://www.w3.org/TR/html401/interact/forms.html#adef-tabindex