J'ai une étendue avec des données dynamiques dans ma page, avec ellipsis
style.
.my-class
{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 71px;
}
<span id="myId" class="my-class"></span>
document.getElementById('myId').innerText = "...";
Je voudrais ajouter à cette info-bulle d'élément avec le même contenu, mais je veux qu'elle n'apparaisse que lorsque le contenu est long et que les points de suspension apparaissent à l'écran.
Y a-t-il un moyen de le faire?
Le navigateur lance-t-il un événement lorsqu'il ellipsis
est activé?
* Navigateur: Internet Explorer
element.offsetWidth < element.scrollWidth
selon cette réponse semble fonctionner jusqu'à présent.
text-overflow:ellipsis;
fonctionne maintenant dans Firefox; il a été ajouté dans Firefox 7 (sorti en septembre 2011).
text-overflow:ellipsis;
cela ne fonctionne pas du tout dans Firefox - voir cette question pour plus: stackoverflow.com/questions/4927257/…