How can I find the element that caused another element to fire the focusout event?
<p>i bind an eventhandler to the focusout-event of my text-inputfield.
this handler hides a div with some searchresults as soon as the inputfield losts its focus. </p>

<p>following my markup and a screenshot of the situation:</p>

<pre><code>&lt;li class="search"&gt;
    &lt;input type="text" id="searchbox" /&gt;
    &lt;div id="results"&gt;
        &lt;ol&gt;
            &lt;li&gt;...&lt;/li&gt;
        &lt;/ol&gt;
    &lt;/div&gt;
&lt;/li&gt;
</code></pre>

<p><img src="http://i.stack.imgur.com/51b5s.png" alt="enter image description here"></p>

<p>when the user clicks on a item in the searchresults now, the inputfield fires the focusout event as desired.
i expected to be able extracting the element which gets the focus as next out of the eventobject. unfortunatly this seems not to be possible since only (some) mouse-events fill in the relatedTarget-property of the event.</p>

<p>is there any easy way to get the element which gains focus next?</p>
