Может ли несколько элементов HTML получать фокус одновременно?

Я кодирую компонент отчетности JavaScript, который требует, чтобы несколько списков LI i.e были выбраны коллективно в виде связки с визуальной обратной связью.

Я собираюсь адаптировать событие onfocus. Возможно ли одновременное получение нескольких элементов HTML в фокусе?

Не входы, а DIV, поэтому мне не нужен курсор. Я просто хочу, чтобы несколько DIVs были "выбраны" отдельно от других, покрашены по-разному, чтобы имитировать выбор нескольких элементов.

Ответы

Ответ 1

Нет, вы можете сосредоточиться только на одном элементе за раз.

Ответ 2

Как утверждают другие ответы, только один элемент может иметь фокус в любой момент времени. Вместо этого вы можете добавить класс к каждому из выбранных элементов.

Простым примером (с использованием yui) будет:

 <style type="text/css">
     .selectedItem{border: 2px dashed #c0ffee;}
 </style>
...
<ul class='listContainer'>
     <li> ... </li>
     <li> ... </li>
     <li> ... </li>
</ul>
...
<script type="text/javascript">
     Y.one('.listContainer').delegate(
         'click', 
         function(e){ e.currentTarget.toggleClass('selectedItem');}, 
         'li'
     );
</script>

Ответ 3

Нет. Все внимание сосредоточено на том, что один элемент выбран (как в "центре внимания" для него). Но если вы хотите двойную запись текстовых полей, используйте этот

<input type="text" name="firstbox" onchange="firstbox.value = secondbox.value; return true;">
<input type="text" name="secondbox">

Ответ 4

Я так не верю. Если бы два текстовых поля имели фокус в одно и то же время, что бы получить вход? Вы можете "имитировать" это (одно поле имеет фокус, а код "дублирует" значения), но только один элемент за раз может быть "фокусом".