多个HTML元素可以同时获得焦点吗？

Question

我是一个JavaScript报告组件的编码,它需要多个LI,即列表被集体选择为具有视觉反馈的一堆.

我正在考虑改编这个onfocus活动.多个HTML元素是否可以同时获得焦点？

不是输入,而是DIV,所以我不需要光标.我只想让几个DIV与其他DIV分开"选择",不同颜色以模拟多个项目选择.

Answer 1

不,你一次只能关注一个元素.

Answer 2

正如其他答案所述，在任何给定时间只有 1 个元素可以具有焦点。您可以做的是为每个“选定”元素添加一个类。

一个简单的例子（使用 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>