javascript - 使用 javascript 将 RGB 值转换为十六进制代码后，将十六进制颜色显示为文本框的背景颜色

Question

<input type="text"  name="red"  id="txtRed"/>
<input type="text" name="green" id="txtGreen" />
<input type="text" name="blue"  id="txtBlue"/>
<input type="text"  id="displaycolor" style="height:50px;width:50px" />

这是我的观点，在为文本框输入rgb时我有4个文本框(红色，蓝色，绿色和显示颜色)，同时我想将rgb转换为十六进制颜色代码，在第四个中显示十六进制颜色文本框。 `

function rgbToHex(r, g, b) {
    var r = $("#txtRed").val();
    var g = $("#txtGreen").val();
    var b = $("#txtBlue").val();
    return "#" + componentToHex(r) + componentToHex(g) + componentToHex(b);
}

$("#txtRed").keypress(function () {         
    rgbToHex();
})
$("#txtGreen").keypress(function () {
    rgbToHex();
})
$("#txtBlue").keypress(function () {
    rgbToHex();
})

var componentToHex = function (rgb) {
    debugger
    var hex = Number(rgb).toString(16);
    return hex.length == 1 ? "0" + hex : hex;
}

这是我的 JavaScript 代码，转换正常，我不知道如何在第四个中显示十六进制颜色 文本框，请帮助我

Answer 1

在函数 rgbToHex 中，您可以使用:

function rgbToHex(r, g, b) {
         var r = $("#txtRed").val();
         var g = $("#txtGreen").val();
         var b = $("#txtBlue").val();
         var hex = "#" + componentToHex(r) + componentToHex(g) + componentToHex(b)
         $("#displaycolor").css('backgroud-color',hex)
}