gpt4 book ai didi

jquery - 获取更改时输入文本的值

转载 作者:行者123 更新时间:2023-12-01 01:16:10 24 4
gpt4 key购买 nike

我有这个带有 jquery colorpicker 的代码,onchange input #color 以十六进制显示输入值;我怎样才能获得变化的颜色值?

<body>
<div id="red"></div>
<div id="green"></div>
<div id="blue"></div>
<div id="swatch" class="ui-widget-content ui-corner-all"></div>
<input type="text" id="color">

脚本:refreshSwatch是一个获取 slider 颜色值的函数,它可以工作;

 function refreshSwatch(evt, ui) {
var red = $("#red").slider("value"),
green = $("#green").slider("option", "value"),
blue = $("#blue").slider("value"),
hex = hexFromRGB(red, green, blue);
$("#swatch").css("background-color", "#" + hex);
$("#color").val("#" + hex);
}

我想获取更改时的颜色输入值,然后更改背景颜色,但它不起作用:

 $(document).ready(function () {
$("#color").change(function(){
$("body").css("background-color", $("#color").val());
});
})

http://jsbin.com/alefok/18/edit

最佳答案

查看工作箱:http://jsbin.com/alefok/34/edit

改变了两件事:

$("#colour").val("#"+ hex).change(); 在此函数中:functionfreshSwatch(){}

                       //--^^^^^^^^^-------triggered the change above here.

这里:

$("#colour").change(function(){
$("body").css("background", $("#colour").val());
}).change(); //<-----trigger the change here

关于jquery - 获取更改时输入文本的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14910715/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com