Как определить, нужно ли переносить текстовое поле в JavaScript / dojo?

Question

У меня есть текстовое поле в сетке, в котором я хочу отключить перенос текста, но отображать всплывающую подсказку с полным текстом, если требуется перенос. Итак, как я могу определить, нужно ли обернуть поле?

Я попытался запросить длину поля, но это было либо в em, либо в px в зависимости от того, изменил ли пользователь размер. Как я могу получить статус упаковки?

Answer 1

Возможность определить, переносится ли текст, - создать (например, с помощью jQuery) невидимый диапазон с теми же настройками шрифта и white-space: nowrap, установить значение text для содержимого поля и проверить, больше ли ширина диапазоначем ширина поля (в пикселях, получено через width())

Рабочая скрипка: http://jsfiddle.net/TR98y/1/

Answer 2

Возможно, вы можете проверить высоту (через scrollHeight) текстового контейнера. Это должно увеличиться, когда вещи начинают оборачиваться.

Единственная другая альтернатива, которую я могу придумать, это установить overflow-x: hidden и затем каким-то образом отсеять переполнение.