多输入类型的Javascript通用函数=文本&；输入类型=颜色

在我的body标签中，我有两种输入类型（文本和颜色）。它是这样工作的

如果您在inputText中给出颜色的十六进制值，则输入颜色 将自动更改为该颜色

如果您通过colorPicker选择颜色，inputText将 自动更改为您选择的colorHex值

下面的代码有效

document.getElementById（“txtColor”）.onblur=function（）{myFunction1（）}；
document.getElementById（“colColor”）.onchange=function（）{myFunction2（）}；
函数myFunction1（）{
//警报（“输入字段失去焦点”）；
var txtColor=document.getElementById（“txtColor”）.value；
document.getElementById（“txtColor”）.nextElementSibling.value=txtColor；
//document.getElementById（“colColor”）.value=txtColor；
}
函数myFunction2（）{
//警报（“输入字段失去焦点”）；
var colColor=document.getElementById（“colColor”）.value；
document.getElementById（“colColor”）.previousElementSibling.value=colColor；
//document.getElementById（“txtColor”）.value=colColor；
}

检查下面的代码片段

有很多可能的方法可以做到这一点。下面是一种可能的方法。您也可以使用jquery轻松地实现这一点

var txtColorClass=document.getElementsByClassName（“txtColorClass”）；
对于（var i=0；i

---

非常感谢你的提示，我能够解决这个问题

var txtColorClass=document.getElementsByClassName（“txtColorClass”）；
var colColorClass=document.getElementsByClassName（“colColorClass”）；
for（设i=0；i

getElementsByClassName（）

返回节点列表-元素集合。您需要在集合中循环应用

addEventListener（）

非常感谢。我已经在下面发布了我的答案。我应该等一分钟，然后复制你的脚本。谢谢你，尼拉里。