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>

Answer 3

没有。整个焦点是选择一个元素（如在它的“聚光灯”中）。但如果你想要双重写文本框，那么使用这个

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

Answer 4

我不相信。如果两个文本字段同时具有焦点，那将接收输入？你可以“模拟”这个（一个字段有焦点，代码“重复”值），但一次只有一个项目可以成为“焦点”。

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

4 个答案: