focus remains on control despite focus changed

[BubikolRamios]

select text, click color change:
http://www-archive.mozilla.org/editor/midasdemo/

How is that done, that is, the focus is transfered elsewhere (color picker), but text still remains selected. How does that work ?

Need to do the same without iframes.

[felgall]

being selected and having the focus are two entirely different things.

mytext.selected() is completely different from mytext.focus()

[BubikolRamios]

so, I have:

<div contentEditable ="true" ...

and selected text inside that.

  <img src = '...'  onclick = "document.execCommand('underline')" />

Clicking there works, the text inside div stays selected and becomes underlined;

I have span, onclick it produces js generated color picker. And at that moment (clicking) text get deselected. Way around that ?

Edit: If I replace span with img, selected text is not deselected ! But unfortunately it gets deselected, selecting color in color picker. ...