По умолчанию система использует клавишу Tab для переключения фокуса элементов страницы. Вы когда-нибудь думали, что клавиша Enter также может выполнять эту функцию и обеспечивать удобство работы с пользователем? Далее мы используем Jquery для реализации клавиши Enter для переключения фокуса. Этот код был протестирован в широко используемых браузерах IE7, IE8, Firefox 3, Chrome 2 и Safari 4.
В качестве инструмента разработки используется платформа Microsoft VS2010+Jquery.
Этапы реализации следующие:
1. Сначала обратитесь к библиотеке классов JQuery.
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
2. Javascript-код
<тип сценария="текст/javascript">
$(функция () {
$('input:text:first').focus();
вар $inp = $('input:text');
$inp.bind('keydown', function (e) {
ключ вар = е.который;
если (ключ == 13) {
е.preventDefault();
вар nxtIdx = $inp.index(this) + 1;
$(":input:text:eq(" + nxtIdx + ")").focus();
}
});
});
</скрипт>
анализировать :
$('input:text:first').focus();
Когда страница инициализируется, фокус помещается в первое текстовое поле.
вар $inp = $('input:text');
Возьмите коллекцию элементов type=text box.
$inp.bind('keydown', функция (e) {}
Привяжите событие «keydown» к коллекции текстовых полей.
ключ вар = е.который;
Получите текущее значение нажатой клавиши, например Enter key value = 13.
е.preventDefault();
Вы можете предотвратить его поведение по умолчанию, и произойдет что-то еще. Здесь мы предотвращаем возникновение PostBack и вместо этого переключаем фокус. Другой похожий метод — stopPropagation, который предотвращает всплеск событий js.