【问题标题】:How to get text width inside textarea? (javascript/jquery)如何在textarea中获取文本宽度? (javascript/jquery)
【发布时间】:2018-09-21 10:53:01
【问题描述】:

是否可以在 textarea 元素中获取文本的宽度?

我不想要$('textarea').val().length 本身,因为它不依赖于字体大小。

我更喜欢里面文字的绝对宽度

【问题讨论】:

    标签: javascript jquery css textarea width


    【解决方案1】:

    很可能这些信息是无法掌握的。

    解决办法:

    • 使用 textarea 的字体大小设置创建一个 span 元素
    • 使用 .text(value) 为 span 元素提供输入值
    • 测量跨度的宽度

    【讨论】:

    • 不错的解决方法!我在接受它之前等待其他一些分析器
    • @framomo86:如果我没记错的话,这是 Facebook 根据文本大小自动调整文本区域大小的方法。但我认为pre 元素比span 更好,它会与\n 跳线并且不需要<br>
    • 这个新的 span/pre 是否需要插入到页面中?我一直得到 0 的宽度
    • @JuanCaicedo 我想可能是这样!给它一个display: none,这样它就不会显示。 (然后应该计算尺寸。)
    • 确实如此 :) 但是我认为visibility:hiddendisplay:none 效果更好,因为那样它仍然会占用空间。然后最好使用绝对定位,这样它就不会在页面上移动东西。我在stackoverflow.com/questions/118241/… 中关注了 CSS
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-08-15
    • 2014-05-25
    • 2010-09-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多