Jquery 彩色选择器+；本地存储

我正在使用这个插件：

我的问题是：

• 如何在div中动态显示输入值
• 如何将此值保存到localStorage，并在更改输入时动态更改它

我已经尝试了几个教程，但它不想继续工作

解决了

HTML

        <div>
            <input type="text" id="picker" name="color">
        </div>

}))

有关更详细的用法，请参阅：

HTML

        <div>
            <input type="text" id="picker" name="color">
        </div>

}))

有关更详细的使用，请参阅：

颜色选择器已完成。你只要读一读就可以了

这是我为你做的一个演示。我必须提到，这是我第一次使用这个选择器。我在几分钟内就在文档中找到了所需的全部内容

$（文档）.ready（函数（）{
$（“#color”）.colorpicker（）
//选择颜色时…此事件激发多次。
.on（“更改颜色”，函数（）{
var selectedColor=$（this）.colorpicker（'getValue'）；
console.log（selectedColor）；
$（“#colorDisplay”）.css（“背景”，selectedColor）；
})
//当选择器关闭时，保持所选颜色。
.on（“hidePicker”，函数（）{
var selectedColor=$（this）.colorpicker（'getValue'）；
log（“用户最终选择”+selectedColor）；
//将其保存到本地存储。
//--但它在这么小的片段中不起作用。。。
//setItem（“selectedColor”，selectedColor）；
});
});
#彩色显示{
身高：6em；
宽度：6em；
}
.颜色选择器{
宽度：10em；
}
.颜色选择器颜色{
显示：无；
}

颜色选择器已完成。你只要读一读就可以了

这是我为你做的一个演示。我必须提到，这是我第一次使用这个选择器。我在几分钟内就在文档中找到了所需的全部内容


$（文档）.ready（函数（）{
$（“#color”）.colorpicker（）
//选择颜色时…此事件激发多次。
.on（“更改颜色”，函数（）{
var selectedColor=$（this）.colorpicker（'getValue'）；
console.log（selectedColor）；
$（“#colorDisplay”）.css（“背景”，selectedColor）；
})
//当选择器关闭时，保持所选颜色。
.on（“hidePicker”，函数（）{
var selectedColor=$（this）.colorpicker（'getValue'）；
log（“用户最终选择”+selectedColor）；
//将其保存到本地存储。
//--但它在这么小的片段中不起作用。。。
//setItem（“selectedColor”，selectedColor）；
});
});
#彩色显示{
身高：6em；
宽度：6em；
}
.颜色选择器{
宽度：10em；
}
.颜色选择器颜色{
显示：无；
}

看起来您使用的插件与我说的不同。无论如何，这并不是我所需要的。当然，但我更喜欢这个解决方案，而不是我现在的解决方案。顺便说一下，你甚至没有告诉我如何将输入的值放入div或动态存储在localstorage中。看起来你使用的插件与我说的不同。无论如何，这并不是我所需要的。当然，但我更喜欢这个解决方案，而不是我现在的解决方案。顺便说一句，您甚至没有告诉我如何将该输入的值放入div或动态地存储在localstorage中。谢谢，但我已经通过编辑脚本和添加其他代码解决了这个问题。一切正常，包括本地存储。您的解决方案帮助我缩短了代码并对其进行了优化，所以请举手。谢谢，但我已通过编辑脚本和添加其他代码解决了此问题。一切正常，包括本地存储。您的解决方案帮助我缩短了代码并对其进行了优化，所以请举手。