4

textareaではスクロールが有効になるため文字数が多いと、textarea自体の高さと、中身の高さが変わると思います。

この中身の高さを得る方法はありますか?

2

2 件の回答 2

1
$('textarea').scrollTop() + $('textarea').innerHeight()

とかですかね・・・

0

Element.scrollHeightで取得できます。

var area = document.getElementById('area');
var contentHeight = area.scrollHeight;

alert('中身の高さは' + contentHeight + 'pxです。');

if (confirm('エレメントの高さを調整しますか?')) {
  area.style.height = contentHeight + 'px';
}
<textarea id="area" style="width: 250px; height: 100px; overflow-y: scroll;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nisi sem, sodales ac dolor quis, elementum varius massa. Sed eget odio tincidunt, dignissim justo eget, tempus est. Cras imperdiet tempus metus a mattis. Nullam pretium ultricies sapien sit amet iaculis. Integer eget dignissim odio, non ullamcorper augue. Pellentesque a interdum sapien. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In tortor risus, elementum non congue sed, blandit nec arcu. Nam laoreet tincidunt efficitur.
</textarea>

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。