How to detect if an <input type="color"> color picker is opened and closed
<p>
I have a color input like this:</p>

<pre class="lang-html prettyprint-override"><code>&lt;input type="color" /&gt;
</code></pre>

<p>I need to detect when the native color picker is open and when it is closed. I am developing a web app for Chrome, but would prefer a solution that is more general. Are any events fired for open and close of the picker? </p>

<p>It looks like <em>change</em> events are fired whenever the color picker's color is changed, but I can't see that an event is fired on open.</p>