如果单击div，则html5颜色输入值应设置为单击的div颜色和背景颜色值。
我尝试过代码
$(function() {
$("#changeMe").on('click', function() {
$('#designer-javascript-color').val($(this).css("color"));
$('#designer-javascript-backcolor').val($(this).css("background-color"));
});
});Selected item color:
<input type="color" id="designer-javascript-color" />
<br>Selected item background color:
<input type="color" id="designer-javascript-backcolor" />
<br/>
<div id="changeMe" style='color:white;background-color: blue'>
click here</div>单击我后，两个输入仍为黑色。如何解决这个问题，使输入中出现白色和蓝色？
在使用前将rgb值转换为十六进制：
function rgbToHex(rgb) {
var a = rgb.split("(")[1].split(")")[0].split(",");
return "#" + a.map(function(x) {
x = parseInt(x).toString(16);
return (x.length == 1) ? "0"+x : x;
}).join("");
}
$(function () {
$("#changeMe").on('click', function() {
$('#designer-javascript-color').val(rgbToHex($(this).css("color")));
$('#designer-javascript-backcolor').val(rgbToHex($(this).css("background-color")));
});
});<script src="http://code.jquery.com/jquery-1.11.3.js"></script>
Selected item color: <input type="color" id="designer-javascript-color" />
<br>
Selected item background color:<input type="color" id="designer-javascript-backcolor" />
<br/>
<div id="changeMe" style='color:white;background-color: blue'>
click here</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句