javascript - 使用颜色选择器更改站点背景颜色

Question

我正在为我的网站使用这个颜色选择器。我需要做的是在选择过程中更改我的网站主体/html的背景。就像它改变那里的文本框的背景一样。

我查看了 JS 文件本身，但发现它有点复杂。我document.body.style.background = styleElement.jscStyle.backgroundColor;在第 410 - 430 行之间添加，但没有任何改变。

我怎样才能实现它。

谢谢

Answer 1

在演示页面的第 8 节中，您有“Onchange 事件”：

您需要创建input这样的：

<input class="color"
    onchange="document.body.style.backgroundColor = '#'+this.color">

我的猜测是，在您的示例中，您忘记#在颜色 HEX 代码之前添加。

Answer 2

将类 ( .colorPicker) 添加到颜色选择器输入字段，然后在 jQuery 中执行此操作：

'use strict';
$(document).ready(function(){
    $(".colorPicker").change(function(){
        $('body').css('background-color', $(this).css('background-color'));
    });
});