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

Question

我正在使用this colour picker来访问我的网站。我需要做的是在选择过程中更改我的网站 body / html 的背景。就像它改变了文本框的背景一样。

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

我怎样才能实现它。

由于

Answer 1

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

您需要像这样创建input：

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

我的猜测是，在您的示例中，您忘记在彩色十六进制代码之前添加#。

Answer 2

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

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