码迷,mamicode.com
首页 > 其他好文 > 详细

:focus

时间:2019-12-05 19:15:38      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:cti   active   检索   focus   get   document   焦点   http   put   

:focus

概述

匹配当前获取焦点的元素。大理石平台精度等级

如同其他伪类选择器(那些以":"开始),建议:focus前面用标记名称或其他选择;否则,通用选择("*")是不言而喻的。换句话说,$(‘:focus‘)等同为$(‘*:focus‘)。如果你正在寻找当前的焦点元素,$( document.activeElement )将检索,而不必搜索整个DOM树。

示例

描述:

添加一个"focused"的类名给那些有focus方法的元素

css 代码:
.focused {
    background: #abcdef;
}
html 代码:
<div id="content">
    <input tabIndex="1">
    <input tabIndex="2">
    <select tabIndex="3">
        <option>select menu</option>
    </select>
    <div tabIndex="4">
        a div
    </div>
</div>
jQuery 代码:
$( "#content" ).delegate( "*", "focus blur", function( event ) {
    var elem = $( this );
    setTimeout(function() {
       elem.toggleClass( "focused", elem.is( ":focus" ) );
    }, 0);
});

:focus

标签:cti   active   检索   focus   get   document   焦点   http   put   

原文地址:https://www.cnblogs.com/furuihua/p/11990796.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!