javascript - onfocus时如何更改文本框的背景颜色？

Question

我试过这段代码，但它不起作用；当我聚焦文本框时，它显示错误:

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

Answer 1

此任务不需要 JavaScript，只需使用 css(自 IE8 起支持 :focus)

https://developer.mozilla.org/en-US/docs/CSS/:focus

input { background: lightgray; }
input:focus { background: white; }

---

仅当在 < IE8 上也绝对需要此效果时然后可以使用 JS(正确包装在条件注释中)，但即使在这种情况下，也建议将样式与逻辑分开:例如

function ChangeBgColor(obj, evt) { 
    obj.className = (evt.type === "focus") ? "focus" : "";
}

并使用这种风格

 input { background: lightgray; }

 input:focus, 
 input.focus { background: white; }