javascript - 浏览器中的多个焦点元素

Question

是否可以让多个元素(例如 input 元素)在浏览器中获得焦点。

我想重现Sublime Text 2的效果

Answer 1

这似乎不可能。

检查这个测试:

$('#one').focus(function(){
    $('#one, #two').focus();
});

示例: http://jsfiddle.net/jasongennaro/epBea/

编辑

如果您希望两个字段看起来都具有焦点，您可以通过在 inputs 周围添加 divs 并使用border 在 focus 上。

$('#one').focus(function(){
    $('#one, #two').parent().css('border','1px solid red');
});

您还需要删除 css 中每个输入的 outline。

示例 2: http://jsfiddle.net/jasongennaro/epBea/1/

警告:我认为这是一个糟糕的可用性想法，因为焦点是为了告诉人们他们在哪个领域工作。