title: is it possible to recognized the select and unselect event about the web element
body: <p>I am listening the user select event in google chrome extension content script like this:</p>
  <pre><code>document.addEventListener(TransGlobal.MOUSE_UP, firstMouseUp);
  
  export async function firstMouseUp(e: MouseEvent) {
    if (selection &amp;&amp; selection.toString().trim().length &gt; 0) {
      // do some select logic
    }
  }
  </code></pre>
  <p>Now I am facing a problem that the <code>firstMouseUp</code> will trigger when select element and unselect element. when double click the webpage event then trigger the select event, it works fine. But I did not want to trigger the select when click the free area of the web, when click the free area of the web page, the selected element will be unselected, also trigger the <code>firstMouseUp</code>, that make me crazy, what should I do to recognize the select or unselect? I found some text the unselect will trigger, for example, this page <a href="https://stackoverflow.com/help/badges/2278/custodian?userid=16801334">https://stackoverflow.com/help/badges/2278/custodian?userid=16801334</a>. when I select the Custodian and unselected, both will trigger. other text unselect did not trigger:</p>
  <p><a href="https://i.stack.imgur.com/Ih6Df.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ih6Df.png" alt="enter image description here" /></a></p>