У меня есть диапазон с динамическими данными на моей странице, со ellipsis
стилем.
.my-class
{
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 71px;
}
<span id="myId" class="my-class"></span>
document.getElementById('myId').innerText = "...";
Я хотел бы добавить к этому элементу всплывающую подсказку с тем же содержимым, но я хочу, чтобы он отображался только тогда, когда содержимое длинное и многоточие отображается на экране.
Есть ли способ сделать это?
Браузер выбрасывает событие при ellipsis
активации?
* Браузер: Internet Explorer
element.offsetWidth < element.scrollWidth
согласно этому ответу пока что.
text-overflow:ellipsis;
теперь работает в Firefox; он был добавлен в Firefox 7 (выпущен в сентябре 2011 года).
text-overflow:ellipsis;
в Firefox это вообще не работает - посмотрите этот вопрос подробнее: stackoverflow.com/questions/4927257/…