Как сделать акцент на элементе 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") фокус();

2. focus по имени класса (используйте '.' перед именем класса)

$( "class1".) Фокус();.

3. по его id (используйте '#' перед id)

   $( "# ID" ) фокус();.

4. даже кнопкой, за которой следует имя класса

$( "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();
});