Javascript I'；我试图触发HTML5颜色选择器'；使用JQuery弹出窗口

单击输入[type=color]时，将在弹出窗口中打开颜色选择器。我想用JS触发这个

HTML

<div id="customColorPick"></div>
<input id="customColorPickInput" type="color" />

---

为什么这不起作用？

试试这段代码，它可能不是您想要的，但可能适合您。 单击内部有颜色的框

<div id="color">
  <div class="colorpick">
    <input id="customColorPicker" type="color" />
  </div>
</div>

---

如果不在DOM中的某个地方单击，就无法触发它。您可以尝试隐藏它，然后使用文本：（我刚刚创建了一个fiddler，它适用于Chrome和Firefox。

<div id="color">
  <div class="colorpick">
    <input id="customColorPicker" type="color" />
  </div>
</div>

.colorpick {
  visibility: shown;
}