问题 #373💬 已回答提出于 2017年10月4日作者 sonnylloyd0 个反应

颜色输入不会更新页面上的元素

快速解答作者 sonnylloyd

@art我认为问题在于 InputColor.js 的内部函数 setValue（val， opts = {}）不调用谱内的变化事件。看起来需要分开处理。

阅读下方完整回答 ↓

问题

使用选色器时一切正常。

然而，如果你在输入中添加十六进制值并按回车，颜色预览会更新，但颜色并未应用到页面上的元素上

回答（3）

sonnylloyd• 2017年10月4日

@art我认为问题在于

colorEl.spectrum（“集合”，valueClr）;

InputColor.js 的内部函数 setValue（val， opts = {}）不调用谱内的变化事件。看起来需要分开处理。

sonnylloyd• 2017年10月5日

@artf我已经研究了不少，也设法让它正常工作了，但我现在的做法似乎有点草率。我发现的问题在 src\domain_abstract\ui\InputColor.js 里面的 setValue（val， opts = {}）。值 opts.targetUpdate 在第二次循环后未定义。我把这些设置加在了 IF 语句上方，并更改了变量 previousTScolor，这样所有函数都能访问它。这感觉有点老套，我不确定这是不是正确的做法。

artf• 2017年10月5日

@sonnylloyd真正的问题就在这里 https://github.com/artf/grapesjs/blob/dev/src/domain_abstract/ui/Input.js#L24-L27 应该是： “''js handleChange（e） { e.stopPropagation（）; this.model.set（'value'， this.getInputEl（）.value）; this.elementUpdated（）; }, ``` 我已经在最新的 RC 里做了这个改动，你可以在这里看到它的效果 http://grapesjs.com/demo-no-jq.html

在 GitHub 上查看完整讨论 →