Javascript对输入调用函数

我希望在单击输入时更改字段的背景色。我想通过调用函数来实现。我做错了什么？谢谢

<input type="text" onFocus="makefieldred();" onBlur="makefieldwhite();" >


<script>
function makefieldred() {
    this.style.backgroundcolor='red' ;
    }
function makefieldwhite() {
    this.style.backgroundcolor='white' ;
    }
</script>

函数makefieldred（）{
这个.style.backgroundcolor='red'；
}
函数makefieldwhite（）{
这个.style.backgroundcolor='white'；
}

函数调用中的此

不是元素，因为您连接它们的方式不同。此外，属性名称是

backgroundColor

（大写

C

），而不是

backgroundColor

：

如果要使用

onXyz

属性机制，最简单的方法是将元素传递到函数中：

<input type="text" onFocus="makefieldred(this);" onBlur="makefieldwhite(this);" >


<script>
function makefieldred(elm) {
    elm.style.backgroundColor='red' ;
}
function makefieldwhite(elm) {
    elm.style.backgroundColor='white' ;
}
</script>

然后：

（功能（）{
var输入=document.getElementById（“输入”）；
hookEvent（输入，“焦点”，makefieldred）；
hookEvent（输入，“模糊”，makefieldwhite）；
函数makefieldred（）{
这个.style.backgroundColor='red'；
}
函数makefieldwhite（）{
这个.style.backgroundColor='white'；
}

函数调用中的此

不是元素，因为您连接它们的方式不同。此外，属性名称是

backgroundColor

（大写

C

），而不是

backgroundColor

：

如果要使用

onXyz

属性机制，最简单的方法是将元素传递到函数中：

<input type="text" onFocus="makefieldred(this);" onBlur="makefieldwhite(this);" >


<script>
function makefieldred(elm) {
    elm.style.backgroundColor='red' ;
}
function makefieldwhite(elm) {
    elm.style.backgroundColor='white' ;
}
</script>

然后：

（功能（）{
var输入=document.getElementById（“输入”）；
hookEvent（输入，“焦点”，makefieldred）；
hookEvent（输入，“模糊”，makefieldwhite）；
函数makefieldred（）{
这个.style.backgroundColor='red'；
}
函数makefieldwhite（）{
这个.style.backgroundColor='white'；
}

函数调用中的此

不是元素，因为您连接它们的方式不同。此外，属性名称是

backgroundColor

（大写

C

），而不是

backgroundColor

：

如果要使用

onXyz

属性机制，最简单的方法是将元素传递到函数中：

<input type="text" onFocus="makefieldred(this);" onBlur="makefieldwhite(this);" >


<script>
function makefieldred(elm) {
    elm.style.backgroundColor='red' ;
}
function makefieldwhite(elm) {
    elm.style.backgroundColor='white' ;
}
</script>

然后：

（功能（）{
var输入=document.getElementById（“输入”）；
hookEvent（输入，“焦点”，makefieldred）；
hookEvent（输入，“模糊”，makefieldwhite）；
函数makefieldred（）{
这个.style.backgroundColor='red'；
}
函数makefieldwhite（）{
这个.style.backgroundColor='white'；
}

函数调用中的此

不是元素，因为您连接它们的方式不同。此外，属性名称是

backgroundColor

（大写

C

），而不是

backgroundColor

：

如果要使用

onXyz

属性机制，最简单的方法是将元素传递到函数中：

<input type="text" onFocus="makefieldred(this);" onBlur="makefieldwhite(this);" >


<script>
function makefieldred(elm) {
    elm.style.backgroundColor='red' ;
}
function makefieldwhite(elm) {
    elm.style.backgroundColor='white' ;
}
</script>

然后：

（功能（）{
var输入=document.getElementById（“输入”）；
hookEvent（输入，“焦点”，makefieldred）；
hookEvent（输入，“模糊”，makefieldwhite）；
函数makefieldred（）{
这个.style.backgroundColor='red'；
}
函数makefieldwhite（）{
这个.style.backgroundColor='white'；
}

当我看到这些问题时，我需要随身携带我的笔记本电脑，而不是试图通过iPad打败任何人……我相信它需要大写字母“C”。@epascarello：很好，我是在看一般的东西，而不是具体的东西。（其实这并不是那么多代码，但如果那样[改变颜色]）非常感谢！！！我刚刚开始学习javascript！是的，最简单的方法是在CSS中学习javascript，但我只想了解javascript是如何工作的！：）@臭名昭著的Tarlight:不客气，很高兴这有帮助。一定要看一下CSS解决方案（评论中的epascarello链接信息），但上述内容将有助于解决CSS无法解决的问题。当我看到这些问题时，我需要随身携带笔记本电脑，而不是试图通过iPad击败任何人……我相信它需要大写字母“C”。@epascarello:很好，我是在看一般情况而不是具体情况。（其实这并不是所有的代码，但如果[改变颜色]是唯一的最终目标，CSS将是实现这一目标的方法。）非常感谢！！！我刚刚开始学习javascript！是的，最简单的方法是使用CSS，但我只想学习javascript的工作原理！）@臭名昭著的tarlight：不客气，很高兴这有帮助。也要看看CSS解决方案（在评论中链接到epascarello的信息），但上面的内容将帮助你解决CSS无法解决的问题。当我看到这些问题时，我需要把笔记本电脑放在手边，而不是试图通过iPad打败任何人……我相信它需要大写字母“C”@epascarello：很好的一点，我是在看一般的东西，而不是具体的东西。（其实代码并不多，但如果[改变颜色]是唯一的最终目标，CSS就是这样做的。）非常感谢！！！我才刚刚开始学习javascript！是的，最简单的方法是用CSS来学习，但我只想学习javascript是如何工作的！：）@臭名昭著的Tarlight:不客气，很高兴这对我有帮助。一定要看看CSS解决方案（评论中的epascarello链接信息），但上述内容将有助于解决CSS无法解决的问题。当我看到这些问题时，我需要随身携带笔记本电脑，而不是试图通过iPad击败任何人……我相信它需要大写字母“C”。@epascarello:很好，我是在看一般情况而不是具体情况。（其实这并不是所有的代码，但如果[改变颜色]是唯一的最终目标，CSS将是实现这一目标的方法。）非常感谢！！！我刚刚开始学习javascript！是的，最简单的方法是使用CSS，但我只想学习javascript的工作原理！）@臭名昭著的tarlight：不客气，很高兴这对你有所帮助。也要看看CSS解决方案（e