title: HTML - how can I show tooltip ONLY when ellipsis is activated
body: <p>I have got a span with dynamic data in my page, with <code>ellipsis</code> style.</p>
  
  <pre><code>.my-class
  {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;  
    width: 71px;
  }
  </code></pre>
  
  <pre><code>&lt;span id="myId" class="my-class"&gt;&lt;/span&gt;
  </code></pre>
  
  <pre><code>document.getElementById('myId').innerText = "...";</code></pre>
  
  <p>I'd like to add to this element tooltip with the same content, but I want it to appear only when the content is long and the ellipsis appear on screen.
  <br><br>
  Is there any way to do it?<br>
  Does the browser throw an event when <code>ellipsis</code> is activated?</p>
  
  <p>*Browser: Internet Explorer</p>