По тем или иным причинам не всегда есть возможность подключить к странице jquery Тогда многие привычные вещи приходится делать руками.
На этом сайте есть много полезных скриптов, показывающих, как можно не подключая тяжелую библиотеку обойтись нативным js.
Эта короткая заметка из той же серии: как установить фокус на поле ввода используя только javascript
Очень просто, синтаксис аналогичный jquery
<html> <head> <script type="text/javascript"> function setFocus(){ document.getElementById("name").focus(); } </script> </head> <body onload="setFocus()"> <form> Name: <input type="text" id="name" size="30"> Surname: <input type="text" id="surname" size="30"> </form> </body> </html> |
Пример, как оно работает
Name:
Surname:
Surname:
Еще есть вариант установить свойство autofocus
Очередной камень в огород тех, кто при любом чихе использует jquery. Просто не найти нужно информации за бесчисленными советами "...jquery.focus и не парься..."
Комментарии
и её JS из АНОНСА этого поста (или заменить на скриншот).
А, то при загрузке главной страницы
сайта http://xdan.ru/
в браузерах IE, Firefox и Opera происходит
автофокусировка ВСЕГО JS Объекта Document )))
Что приводит к визуальной потере вышестоЯщих анонсов.
Спасибо.
name.focus();
name - id элемента
focus(); - метод устанавливающий фокус на элемент
или а трибуте указать
autofocus
var setCaretPos = function ( node,pos ) {var node = (typeof node == "string" || node instanceof String) ? document.getElementById(node) : node;
if(!node) {
return false;
}else if(node.createTextRange) {
var textRange = node.createTextRange();
textRange.collapse(true);
textRange.moveEnd(pos);
textRange.moveStart(pos);
textRange.select();
return true;
}else if(node.setSelectionRange) {
node.setSelectionRange(pos,pos);
return true;
}
return false;
};
ставим фокус, потом переводим каретку в конец поля
var input = document.getElementById('input-field');input.focus();
setCaretPos(input,input.value.length)
$('#ID_ВАШЕГО_ЭЛЕМЕНТА').focus();