Javascript 查看如何使用“输入类型=颜色”更改颜色

我希望在更改颜色时看到颜色的更改，而不是在单击其他位置后看到结果。就像在inspect元素中一样，我们正在改变颜色并观看直播——它是如何改变的，以及如何使用JSDOM进行同样的改变？我试过addEventListener（“mousemove”）、addEventListener（“mousedown”）和addEventListener（“change”）

document.getElementById（“b”）.addEventListener（“更改”，函数（e）{
document.getElementById（“a”）.style.backgroundColor=e.target.value；
})

#a{
宽度：100px；
高度：100px；
背景色：黑色；
}

---

更改

仅在对话框关闭时触发。
您需要

输入

：

跟踪颜色变化

与其他

类型一样，有两个事件可以 用于检测颜色值的更改：

输入

和

更改

<代码>输入 每次颜色更改时，都会在

元素上激发。这个

change

事件在用户解除颜色选择器时触发。在里面 在这两种情况下，您都可以通过查看来确定元素的新值 在其

值处

（来源：）

document.getElementById（“b”）.addEventListener（“输入”，函数（）{
console.log（this.value）；
document.getElementById（“a”）.style.backgroundColor=this.value；
})

#a{
宽度：100px；
高度：100px；
背景色：黑色；
}

AFAIK这不适用于内置颜色输入。你必须自己做！如果你感兴趣，我可以建议你如何使用它Vue3@Dom是的。你只需要使用一个不同的事件。我用“输入”事件类型进行了尝试，但没有成功。但现在我知道了！谢谢