javascript - 如何在单击时更改文本框的背景颜色

Question

我是 java 脚本的新手，所以我有疑问。我创建了一个带有用户名和密码的表单，我需要知道如何在单击时更改文本框的背景颜色？这会有所帮助。我的代码:

 <script type="text/javascript">    
 function AllowLock(){
               if (!locker.lock.value.match(/[a-zA-Z]$/) && locker.lock.value !="")
               {
                    locker.lock.value="";                     
                    alert("Please Enter only valid lock");
               }
               if(locker.lock.value.length > 5)
               alert("max length exceeded");               
             } 
function AllowKey(){
               if (!locker.keys.value.match(/[a-zA-Z]$/) && !locker.keys.value.match(/[0-9]+$/))
               {
                    locker.keys.value="";                   
                    alert("Please Enter only valid key");
               }
               if(locker.keys.value.length > 5)
               alert("max length exceeded");               
             }           

function LockName(){
 {
 if(locker.lock.value.length==0)
document.getElementById('errfn').innerHTML="this is invalid name";
} 

{
 if(locker.keys.value.length==0)
 document.getElementById('error').innerHTML="this is invalid key";
 }
 }
 </script>  

Answer 1

如果您想在输入聚焦时更改 background-color(插入符在 input 内并且用户正在与之交互，则不需要 JavaScript , 你可以使用 CSS:

input:focus {
    background-color: #ffa;
}

JS Fiddle demo .

然而，对于 JavaScript:

var el = document.getElementById('inputElementID');
el.style.backgroundColor = '#ffa';