Jquery - 是否可以将 css 悬停/焦点行为绑定到键下
Jquery - is it possible to bind css hover/focus behaviours to keydown?
我希望我能简洁地回答我的问题。
假设我定义了一些 css。
.someCSS-name:hover > .list-item,
.someCSS-name:active > .list-item,
.someCSS-name:focus > .list-item { display:block; }
现在,在我的jquery代码中,我如何创建或可能将选项卡按压机与上面的css绑定。让 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 以某种方式绑定到我的选项卡/按键。可能?因此,选项卡将与"悬停"等相同。
实际上,如果您在锚元素焦点状态上使用 css 选择器,您将达到这种效果。这是您可能需要的代码片段。
#linkonenav:focus ~ .list-item {
display: block;
}
jsFiddle 只是为了尝试 http://jsfiddle.net/greenrobo/eLCmM/
最简单的方法是在按键时切换 .someCSS 这样
$('.myElements').toggleClass('someCSS');
如果这将打开/关闭悬停的 css。如果您只想切换悬停打开和关闭的任何样式,只需将这些样式移动到 .active 类并切换该类
即可$('.someCSS').toggleClass('.active');
相关文章:
- 在VanillaJS中模拟模型双向数据绑定
- 无法通过数组映射绑定
- 主干-不管怎样,检查事件以前是否绑定过
- 用于搜索的聚合物嵌套绑定
- Angular:更新一次性绑定的数据
- 如何使用ngrepeat和双向绑定获得指令的隔离范围
- react.js中的密钥绑定
- 使用regex的jquery keydown绑定不会验证撇号和句点
- 将事件处理程序绑定到任何可能的事件
- AngularJS指令只识别双向绑定类型
- 仅将焦点事件绑定到子元素
- 将焦点绑定到单选按钮
- jQuery 仅绑定到键控,而不是焦点
- 什么是 ractivejs 中焦点的反向绑定
- 显示焦点敲除自定义绑定上输入的基本值
- 我怎么能只专注于一个“;输入:文本“;而不触发其绑定的焦点事件处理程序
- ReactJS -绑定焦点
- 将焦点设置在提交按钮上将触发绑定事件
- 更新绑定到表单表的observableArray会导致焦点丢失
- Jquery - 是否可以将 css 悬停/焦点行为绑定到键下