:focus Seçicisi

focus selector

Açıklama : Şu anda fokuslanılmış elemanı seçer.

jQuery( ":focus" ) Eklendiği Versiyon 1.6

Tüm diğer sahte sınıf seçiciler (":" ile başlayanlar) gibi buna da öncesinde bir standart CSS seçici eklemek tavsiye edilir. Yoksa $(":focus") verince $("*:focus") kabul edilerek tüm sayfa elemanlarında arama yapılır. DOM ağacında şu andaki fokuslu elemanı arama yapmadan elde etmek için $( document.activeElement ) kullanılabilir.

Örnekler:

Elemana odaklanılınca focused sınıfı ver.

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

bir div