Javascript 根据输入字段的焦点更改输入提交的样式

我试图改变按钮的颜色时，任何输入字段的焦点。可以使用javascript或CSS。谢谢你的帮助

.redbutton{
背景色：红色；
}

名字*


姓*


电子邮件*

您可以使用jQuery的

focus

和

blur

回调。在内部决定当前状态，然后做任何你想做的事情

$（“输入[type=text]”）。关于（“聚焦模糊”，函数（）{
如果（$（“输入[类型=文本]：焦点”）。长度>0）{
$（“输入[type=submit]”）。addClass（“红色按钮”）；
}
否则{
$（“输入[type=submit]”）。removeClass（“红色按钮”）；
}
});
.redbutton{
背景色：红色；
}


名字*


姓*


电子邮件*



试试这个


$（文档）.ready（函数（）{
$（“输入”）.focus（函数（）{
$（“input[type='submit']”）addClass（“changeBg”）；
});
$（“输入”）.focusout（函数（）{
$（“input[type='submit']）。removeClass（“changeBg”）；
});
});
.redbutton{
背景色：红色；
}
.changeBg{背景：黄色；}


名字*


姓*


电子邮件*



在“代码”下面，您可以更改“提交”按钮的
背景色
，任何字段都是焦点

 $("input").not("input[type=submit]").focus(function(){


      $("input[type=submit]").css("background-color","green")
    })

如果字段焦点不清晰，则重置提交按钮的背景色

$("input").not("input[type=submit]").blur(function(){


  $("input[type=submit]").css("background-color","")
})

您可以这样做：

我以更详细的方式选择了这些项目，但如果您愿意，可以简化。我只是想更清楚我在选择什么

同时将电子邮件字段中的输入类型从
text
更改为
input type=“email”


$（“p:not（：last child）input”）.focus（function（）{
$（this.parent（“p”）.sides（“p”）.find（“input[type='submit']”）。addClass（“redbutton”）
});
$（“p:not（：last child）input”）.focusout（function（）{
$（this.parent（“p”）.sides（“p”）.find（“input[type='submit']”）。removeClass（“redbutton”）
});
.redbutton{
背景色：红色；
}



名字*


姓*


电子邮件*



哪个是
.red按钮
？提交按钮？到目前为止你们都做了些什么？若有输入字段是焦点，为什么你们要改变按钮？只是想知道原因是的。在这个示例中，我打算在使用javascript或jquery的任何字段处于焦点时为InputSubmit“button”插入一个类。我不知道该怎么做。见下面我的答案。我使用了一个详细的选择，这样你就可以确切地看到发生了什么