javascript - フォーカス時にテキストボックスの背景色を変更するにはどうすればよいですか?

Question

私はこのコードを試しましたが、うまくいきません..テキストボックスにフォーカスするとエラーが表示されます

   function ChangeBgColor(obj, evt) 
    { 
            if(evt.type=="focus") 
                style.background ="lightgrey";
            else if(evt.type=="blur") 
            {
               style.background="white";
            }          
    }

Answer 1

obj.style.background = "#C8C8C8";

Answer 2

とはstyle? 上記のコードのどこにも定義していません:

function ChangeBgColor(obj, evt) 
{ 
    if(evt.type=="focus") 
        style.background ="lightgrey";  //<--what is style?
    else if(evt.type=="blur") 
    {
        style.background="white";
    }          
}

あなたは次のようなものが欲しかったと思います

obj.style.background ="lightgrey";

上記のコードでは、簡略化された

function ChangeBgColor(obj, evt) 
{ 
    obj.style.background = (evt.type=="focus") ? "lightgrey" : "white";
}

最良の答えは、純粋な CSS を使用することです。

Answer 3

jQueryでやってみてください。

$('#div').on('focus', function() {
    $(this).css({background:'blue'});
});