jQuery 1.6+

jQuery добави :focus селектор, така че вече не е необходимо да го добавяме сами. Просто използвайте $("..").is(":focus")

jQuery 1.5 и по-стари версии

Редактиране: С промяната на времето намираме по-добри методи за тестване на фокуса, новият фаворит е това същност от Бен Алман:

jQuery.expr[':'].focus = function( elem ) {
  return elem === document.activeElement && ( elem.type || elem.href );
};

Цитирано от Mathias Bynens тук:

Обърнете внимание, че тестът (elem.type || elem.href) беше добавен за филтриране на фалшиви положителни резултати като тяло. По този начин гарантираме, че филтрираме всички елементи с изключение на контролите на формуляра и хипервръзките.

Вие определяте нов селектор. Вижте Добавки/Авторство. След това можете да направите:

if ($("...").is(":focus")) {
  ...
}

or:

$("input:focus").doStuff();

Всеки jQuery

Ако просто искате да разберете кой елемент има фокус, можете да използвате

$(document.activeElement)

Ако не сте сигурни дали версията ще бъде 1.6 или по-ниска, можете да добавите селектора :focus, ако липсва:

(function ( $ ) {
    var filters = $.expr[":"];
    if ( !filters.focus ) { 
        filters.focus = function( elem ) {
           return elem === document.activeElement && ( elem.type || elem.href );
        };
    }
})( jQuery );

CSS:

.focus {
    border-color:red;
}

JQuery:

  $(document).ready(function() {

    $('input').blur(function() {
        $('input').removeClass("focus");
      })
      .focus(function() {
        $(this).addClass("focus")
      });
  });

Ето по-стабилен отговор от приетия в момента:

jQuery.expr[':'].focus = function(elem) {
  return elem === document.activeElement && (elem.type || elem.href);
};

Имайте предвид, че тестът (elem.type || elem.href) беше добавен за филтриране на фалшиви положителни резултати като body. По този начин гарантираме, че филтрираме всички елементи с изключение на контролите на формуляра и хипервръзките.

(Взето от това същност от Бен Алман.)

Актуализация от април 2015 г

Тъй като този въпрос стои от известно време и влязоха в действие някои нови конвенции, смятам, че трябва да спомена, че методът .live е амортизиран.

На негово място сега е въведен методът .on.

Тяхната документация е доста полезна за обяснение как работи;

Методът .on() прикачва манипулатори на събития към текущо избрания набор от елементи в обекта jQuery. От jQuery 1.7 методът .on() предоставя цялата функционалност, необходима за прикачване на манипулатори на събития. За помощ при конвертиране от по-стари методи за събития на jQuery вижте .bind(), .delegate() и .live().

Така че, за да можете да насочите към събитието „фокусирано върху входа“, можете да използвате това в скрипт. Нещо като:

$('input').on("focus", function(){
   //do some stuff
});

Това е доста стабилно и дори ви позволява да използвате и клавиша TAB.

Не съм напълно сигурен какво търсите, но това звучи така, сякаш може да се постигне чрез съхраняване на състоянието на входните елементи (или div?) като променлива:

$('div').each(function(){

    var childInputHasFocus = false;

    $(this).hover(function(){
        if (childInputHasFocus) {
            // do something
        } else { }
    }, function() {
        if (childInputHasFocus) {
            // do something
        } else { }
    });

    $('input', this)
        .focus(function(){
            childInputHasFocus = true;
        })
        .blur(function(){
            childInputHasFocus = false;
        });
});

Алтернатива на използването на класове за маркиране на състоянието на елемент е вътрешната функционалност за съхранение на данни .

P.S.: Можете да съхранявате булеви стойности и каквото пожелаете, като използвате функцията data(). Не става дума само за струни :)

$("...").mouseover(function ()
{
    // store state on element
}).mouseout(function ()
{
    // remove stored state on element
});

И тогава става въпрос само за достъп до състоянието на елементите.

ако на някой му пука, сега има много по-добър начин за улавяне на фокуса, $(foo).focus(...)

http://api.jquery.com/focus/

Мислили ли сте да използвате mouseOver и mouseOut, за да симулирате това. Също така разгледайте mouseEnter и mouseLeave

Проследявайте и двете състояния (задържан, фокусиран) като флагове true/false и всеки път, когато едното се промени, стартирайте функция, която премахва границата, ако и двете са false, в противен случай показва граница.

И така: onfocus задава фокусирано = true, onblur задава фокусирано = false. onmouseover sets hovered = true, onmouseout sets hovered = false. След всяко от тези събития стартирайте функция, която добавя/премахва граница.

Доколкото знам, не можете да попитате браузъра дали някой вход на екрана има фокус, трябва да настроите някакъв вид проследяване на фокуса.

Обикновено имам променлива, наречена "noFocus" и я задавам на true. След това добавям събитие за фокус към всички входове, което прави noFocus невярно. След това добавям събитие за размазване към всички входове, които връщат noFocus обратно на true.

Имам клас MooTools, който се справя с това доста лесно, сигурен съм, че можете да създадете jquery плъгин, за да направите същото.

След като това бъде създадено, можете да проверите noFocus, преди да извършите каквато и да е смяна на границите.

Няма :focus, но има :selected http://docs.jquery.com/Selectors/selected

но ако искате да промените как изглеждат нещата въз основа на избраното, вероятно трябва да работите със събитията за размазване.

http://docs.jquery.com/Events/blur

Има плъгин за проверка дали даден елемент е фокусиран: http://plugins.jquery.com/project/focused

$('input').each(function(){
   if ($(this) == $.focused()) {
      $(this).addClass('focused');
   }
})

Имах събитие .live("focus"), настроено да select() (маркира) съдържанието на въведен текст, така че потребителят да не трябва да го избира, преди да въведе нова стойност.

$(formObj).select();

Поради странности между различните браузъри изборът понякога ще бъде заменен от щракването, което го е причинило, и ще премахне избора на съдържанието веднага след това в полза на поставянето на курсора в текстовото поле (работи предимно добре в FF, но не успя в IE)

Мислех, че мога да разреша това, като сложа леко забавяне на избрания...

setTimeout(function(){$(formObj).select();},200);

Това работеше добре и изборът щеше да продължи, но възникна забавен проблем.. Ако преминете от едно поле към следващото, фокусът ще превключи към следващото поле, преди да се осъществи изборът. Тъй като избраното открадва фокуса, фокусът ще се върне обратно и ще задейства ново събитие „фокус“. Това завърши в каскада от избори на вход, танцуващи по целия екран.

Работещо решение би било да се провери дали полето все още има фокус, преди да се изпълни select(), но както споменахме, няма лесен начин за проверка... В крайна сметка просто се отказах от цялото автоматично осветяване, вместо да обърна това, което трябва да бъде едно извикване на jQuery select() в огромна функция, натоварена с подпрограми...

Това, което завърших, е да създам произволен клас, наречен .elementhasfocus, който се добавя и премахва във функцията jQuery focus(). Когато функцията hover() се изпълнява при излизане от мишката, тя проверява за .elementhasfocus:

if(!$("#quotebox").is(".boxhasfocus")) $(this).removeClass("box_border");

Така че, ако няма този клас (прочетете: нито един елемент в div няма фокус), границата се премахва. В противен случай нищо не се случва.

просто

 <input type="text" /> 



 <script>
     $("input").focusin(function() {

    alert("I am in Focus");

     });
 </script>