Код Javascript для определения фокуса в текстовом поле

Question

Я пытаюсь сделать расширение сафари, которое что-то делает, если фокус курсора не находится в текстовом поле. Однако следующий код для определения того, находится ли фокус в текстовом поле, не работает.

if ($(document.activeElement).attr("type") != "text" 
     && $(document.activeElement).attr("type") != "textarea") { 
      ..do something 
    } 

Answer 1

Просто держать его просто:

var el = document.activeElement; 

if (el && (el.tagName.toLowerCase() == 'input' && el.type == 'text' || 
    el.tagName.toLowerCase() == 'textarea')) { 
    // focused element is a text input or textarea 
} 

Answer 2

Вы можете использовать JQuery для того чтобы достигнуть этого

$('input[type="text"]').focus(function() { 
    alert('Focused'); 
}); 

Answer 3

$("input[type=text]").filter(":not(:focus)").css("background","#ff0000"); 

$("input[type=text]").focus(function(){ 
    $(this).css("background","#ffffff"); 
}); 

$("input[type=text]").blur(function(){ 
    $(this).css("background","#ff0000"); 
}); 

Если установить все фоне неактивного INPUTs' на красный. (Работал в Chrome 18)