Ho una spanna con dati dinamici nella mia pagina, con ellipsis
stile.
.my-class
{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 71px;
}
<span id="myId" class="my-class"></span>
document.getElementById('myId').innerText = "...";
Vorrei aggiungere a questo elemento una descrizione comandi con lo stesso contenuto, ma voglio che appaia solo quando il contenuto è lungo e i puntini di sospensione appaiono sullo schermo.
C'è modo di farlo?
Il browser genera un evento quando ellipsis
è attivato?
* Browser: Internet Explorer
element.offsetWidth < element.scrollWidth
secondo questa risposta sembra funzionare finora.
text-overflow:ellipsis;
ora funziona in Firefox; è stato aggiunto in Firefox 7 (rilasciato a settembre 2011).
text-overflow:ellipsis;
non funziona affatto in Firefox - vedere questa domanda per più: stackoverflow.com/questions/4927257/...