javascript - Jquery - 是否可以将 css 悬停/焦点行为绑定(bind)到按键？

Question

我希望我的问题能简明扼要。

假设我定义了一些 css。

.someCSS-name:hover > .list-item,
.someCSS-name:active > .list-item,
.someCSS-name:focus > .list-item { display:block; }

现在，在我的 jquery 代码中，我如何创建或可能将 Tab 键与上面的 CSS 绑定(bind)。有点让 tab 按键继承 css 行为？

也许我想多了。

<li class="someCSS-name" id="linkoneli">
    <a href="someURL" id="linkonenav">Link One</a>
    <div class="list-item">show this content</div>
</li>

那是一个片段，基本上是该链接上的用户选项卡 - 我有一个弹出窗口显示..但不是显式事件处理和弹出它等..我希望我可以使用我的 CSS 以某种方式绑定(bind)到我的标签/按键..可能吗？因此，选项卡与“悬停”等相同。

Answer 1

实际上，如果您在 anchor 元素焦点状态上使用 css 选择器，您将实现该效果。这是您可能需要的代码段。

#linkonenav:focus ~ .list-item {
  display: block;
}

jsFiddle 只是为了尝试 http://jsfiddle.net/greenrobo/eLCmM/