Wie erkennt man, ob der Text im Winkel-Controller überläuft (Text-Overflow: Ellipse)

Question

Gibt es eine Möglichkeit zu erkennen, ob der Text im Winkelregler überläuft?

In meinem CSS Ich habe den folgenden Code:

width: calc(100% - 60px); 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    padding-top: 5px; 

Und ich möchte in der Lage sein zu erkennen, ob der Text Überlauf in dem Winkelregler ist so ich den Tooltip für sie angezeigt werden kann. Wenn der Text nicht überläuft, muss der Tooltip nicht angezeigt werden. Aus diesem Grund möchte ich feststellen können, ob der Text im Controller übergelaufen ist.

Answer 1

Es gibt keine Möglichkeit für eckige (oder Javascript im Allgemeinen) zu wissen, ob ein Element das "..." verwendet hat. Siehe diese sehr ähnliche Frage: HTML text-overflow ellipsis detection.

Das Beste, was Sie tun können, ist so etwas wie dieses (in dem Sie das Element übergeben Sie kümmern uns um in):

function isEllipsisActive(e) { 
     return (e.offsetWidth < e.scrollWidth); 
} 

Js Höflichkeit, dass Link.