title: how to keep selected highlight
body: <p><strong>The process is like this as below.</strong>  </p>
  
  <ul>
  <li>a user choose some text and make selection on it. then it's gonna be highlighted.<br></li>
  <li>the user move her mouse focus on the textbox on the html.<br></li>
  <li>the highlight on the text in the html is still there.<br></li>
  <li>If the user move her mouse back to the text, click somewhere on the text zone, the highlight would be gone.<br></li>
  <li>The user can make another new highlight.<br></li>
  </ul>
  
  <p><strong>Here's my question.</strong>  </p>
  
  <ul>
  <li>Can I keep the highlight even though I change the focus on other object from text in the html?  </li>
  <li>I don't want to use span for it since if I want to make new highlight, it's tedious to move the span back out. Is there another way?</li>
  </ul>