как сделать фокус на элементе html с помощью jquery
Как сделать акцент на элементе html с помощью jquery
Ответ 1
Довольно легко.
$('#itemId').focus();
Ответ 2
$("input").focus();
там вы идете!
Ответ 3
<input class="element_class" type="text"/>
<input id="element_id" type="text"/>
<script>
$('.element_class').focus();
// the following will obviously blur() the previous
$('#element_id').focus();
</script>
Ответ 4
вы можете сфокусироваться либо по типу элемента, либо по его идентификатору, либо по его классу. например, создать кнопку.
> <button id="id" class="class1">
Теперь, чтобы сосредоточиться на этой кнопке, вы можете следовать этим методам: 1. самой кнопкой. обратите внимание: - в случае нескольких кнопок он будет фокусироваться на последней кнопке.
.$("button") фокус();
- focus по имени класса (используйте '.' перед именем класса)
$( "class1".) Фокус();.
-
по его id (используйте '#' перед id)
$( "# ID" ) фокус();.
-
даже кнопкой, за которой следует имя класса
$( "button.class1" ) фокус();.
Ответ 5
Надеюсь, вы нашли проблему 6 лет назад, но если вы тестируете функцию фокуса с помощью консольного инструмента, открытого в текущем Firefox и Chrome, это может помешать правильному срабатыванию фокусного события.
Чтобы проверить его, вы можете установить Timeout и закрыть инструмент разработчика до его запуска.
Например:
setTimeout(focusAtMyElement, 3000);
function focusAtMyElement(){
$('#my-element').focus();
}
Я не рекомендую setTimeout для производственного кода, это только для целей визуального тестирования, поэтому вы можете закрыть инструмент dev в браузере до того, как произойдет фокусное событие, и вы увидите ожидаемый результат.
Ответ 6
HTML:
<form>
<input id="target" type="text" value="Field 1" />
<input type="text" value="Field 2" />
</form>
<div id="other">
Trigger the handler
</div>
ПРИМЕРЫ ФОКУСА
$('#target').focus(function() {
alert('Handler for .focus() called.');
});
$('#other').click(function() {
$('#target').focus();
});