title: How to detect if an <input type="color"> color picker is opened and closed
body: <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>