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

Question

在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");
});

回答

将样式更改为:

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

Answer 1

这需要用户交互,这意味着如果没有用户点击文档中的某个位置就无法触发它:

DEMO

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