使用 JQuery 触发 HTML 5 颜色选择器的点击

在 JQuery 中，我们可以通过以下方式触发任何给定元素的“点击”：

$(selector).trigger('click');

尽管当元素是 HTML 5 颜色选择器并且 CSS 将“display”属性设置为“none”时，我很难这样做。

通常，如果输入类型是“文件”或...，我们可以这样做

那么有没有办法用 JQuery 或纯 javascript 来完成这个工作呢？

HTML 元素

input type="color" id="fontSel" style="display: none;"
div id="fontWrap"

JQuery

$("#fontWrap").click(function(){
     $("#fontSel").trigger("click");
});

ANSWER

将样式更改为：

input type="color" id="fontSel" style="position:absolute; left:-9999px; top:-9999px;"

这需要用户交互，这意味着如果用户不单击文档中的某个位置，就无法触发它：

DEMO http://jsfiddle.net/CDG5K/

$("#fontWrap").click(function () {
    $("#fontSel")[0].click();
});