javascript - 从 jscolor 获取颜色

Question

我正在使用来自 http://jscolor.com 的 jscolor.js

下面的函数是我之前用来将用户输入添加到代码生成器的函数。他们输入自己选择的十六进制颜色，它会被添加到代码生成器中。

function changeOutlineColour(){
   var jj_input4 = document.getElementById('jj_input4').value;
   document.getElementById('outlinecolour').innerHTML = jj_input4;
   document.getElementById('jj_preview2').style.outlineColor = '#' + jj_input4;
}

这是添加代码的地方，在 span 标签之间

<div class="jj_yourcode">
    <p>#<span id="outlinecolour"></span>;</p>
</div>

现在我正在使用 jscolor，十六进制代码没有添加到生成器中，所以我的问题是，我必须对函数进行哪些更改才能做到这一点？

Answer 1

用一个按钮搞定

HTML:

<button type="submit" onClick="submitColour()">Set Colour</button>

Javascript:

function submitColour(){
    var jj_input4 = document.getElementById('jj_input4').value;
    document.getElementById('outlinecolour').innerHTML = jj_input4;
}