Eu tenho um espaço com dados dinâmicos na minha página, com ellipsis
estilo.
.my-class
{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 71px;
}
<span id="myId" class="my-class"></span>
document.getElementById('myId').innerText = "...";
Gostaria de adicionar a este elemento a dica de ferramenta com o mesmo conteúdo, mas quero que apareça apenas quando o conteúdo for longo e as reticências aparecerem na tela.
Há alguma forma de fazer isso?
O navegador lança um evento quando ellipsis
está ativado?
* Navegador: Internet Explorer
element.offsetWidth < element.scrollWidth
, de acordo com esta resposta, parece funcionar até agora.
text-overflow:ellipsis;
agora funciona no Firefox; foi adicionado no Firefox 7 (lançado em setembro de 2011).
text-overflow:ellipsis;
isso não funciona no Firefox - consulte esta pergunta para saber mais: stackoverflow.com/questions/4927257/…