Trigger click on HTML 5 color picker with JQuery

This need user interaction, meaning you cannot trigger it without user clicking somewhere in document:

DEMO

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

Alternative of the accepted answer is to use label tag and let the browser do the work for you.

For example:

<input type="color" id="my-color" style="opacity: 0; visibility: hidden; position: absolute;">

<label for="my-color">Click here</label>

Related