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

Question

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

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

尽管当元素是 HTML 5 颜色选择器并且“显示”属性被 CSS 设置为“无”时我很难这样做。

如果输入类型是"file"或...，通常我们可以这样做

那么有没有办法用 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();
});