How to catch when an `<option>` is selected through the keyboard?
<p>I have an interface where users click on an <code>&lt;option&gt;</code> to select a building from a list to get more information. This triggers a DOM click event on the <code>&lt;option&gt;</code> which I catch to provide relevant information. Some users press <kbd>Up</kbd>/<kbd>Down</kbd> to select an adjacent <code>&lt;option&gt;</code>. How can I catch this event? None of change, keypress, keydown, or focus fire.</p>

<pre><code>var newOption = document.createElement('option');
// ....
newOption.addEventListener('change', handleMyEvent);
</code></pre>

<p>It's fine if the handler also fires when the user clicks since both should do the same thing.</p>