title: Capture events in <select> list
body: <p>I would like to know how to capture events within the dropdown list when a user click on a &quot;select&quot; dropdown list. I would like for example to intercept events when different elements of list are on focus.</p>
  <p>I tried to tie event listeners to the option elements of the list but they do not capture anything. See sample code here:</p>
  <pre><code>    &lt;select&gt;
          &lt;option onfocus=&quot;alert('Hi there');&quot;&gt;Foo&lt;/option&gt;
          &lt;option&gt;Bar&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>