Каков наилучший способ перехода с одного текстового поля на другое с помощью клиентской библиотеки Microsoft AJAX?

Question

Я пытаюсь найти многократно используемый способ установки фокуса от одного текстового поля к другому при входе с использованием ASP.NET, но с использованием клиентского JavaScript для этого.

Единственная причина, по которой я упоминаю это, должна быть сделана в ASP.NET, из-за того, что идентификаторы клиента для элементов управления, которые ASP.NET отображает, могут отличаться от указанных в разметке.

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

Вы можете использовать свойство элемента html tabindex, чтобы пользователи могли просматривать поля. Это, на мой взгляд, универсальный механизм перемещения по форме.

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