首頁  >  選擇器  > :focus

返回值:jQuery :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);
});