Показывать всплывающее окно при наведении, если текст длинный

Question

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

Answer 1

Вы не совсем ясно в своем вопросе, но если вы хотите проверить, не переполняется ли ваш текст, и показать всплывающую подсказку, используйте такой код.

div = document.querySelector("#div");

if (div.scrollWidth > div.offsetWidth) {
	div.setAttribute("title", "heyyy")
} else {
	div.removeAttribute("title")
}

#div {
  width: 50px;
  overflow: hidden;
}

<div id="div">
  Helooooooooooo
</div>

JSfiddle: https://jsfiddle.net/yLbh75x1/1/
Просто измените текст div, чтобы увидеть разницу.