浏览器中的多个焦点元素

发布于 2024-12-06 12:27:44 字数 63 浏览 0 评论 0原文

是否可以让多个元素(例如输入元素)集中在浏览器中。

我想重现Sublime Text 2的效果。

Is it possible to have multiple elements (such as input elements) focused in the browser.

I would like to reproduce the effect of Sublime Text 2.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

小清晰的声音 2024-12-13 12:27:44

看来不可能。

查看此测试:

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

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

编辑

如果您希望两个字段看起来都具有焦点,您可以通过在 周围添加 div 来伪造这一点输入并在焦点上使用边框进行样式设置。

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

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

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

警告:我认为这是一个糟糕的可用性想法,因为焦点意味着告诉人们他们正在从事哪个领域。

It doesn't seem possible.

Check out this test:

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

Example: http://jsfiddle.net/jasongennaro/epBea/

EDIT

If you wanted both fields to look like they had focus, you could fake this by adding divs around the inputs and styling with a border on focus.

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

You also need to remove the outline for each input in the css.

Example 2: http://jsfiddle.net/jasongennaro/epBea/1/

Warning: I think this is a bad usability idea, as focus is meant to tell people which field they are working in.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文