フォーカスがテキストフィールドにあるかどうかを検出する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

赤にすべての非アクティブな入力の背景を設定する必要がありますが、この

$('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"); 
}); 

をachiveするためにjqueryのを使用することができます。 （クローム18で働いていた）