javascript - 如何通过 Jquery/Javascript 知道以 px 为单位的占位符字符串宽度?

标签 javascript jquery string placeholder

这是html

<body style="background-color:#999;font-size:12px;">
    <div style="width:500px; height:500px; margin:30px auto; background-color:#9CC">
    <input id="Test" type='text' placeholder='Hello how are you' style="width:270px;" / >
    </div>
</body>

我只想知道文本宽度。 不是输入宽度,也不是字符数。请帮我提一个合适的建议。

最佳答案

您可以使用以下代码段:

var _$tmpSpan = $('<span/>').html($('#Test').attr('placeholder')).css({
    position: 'absolute',
    left: -9999,
    top: -9999
}).appendTo('body'),
    textWidth = _$tmpSpan.width();
_$tmpSpan.remove();
alert(textWidth);

--DEMO--

关于javascript - 如何通过 Jquery/Javascript 知道以 px 为单位的占位符字符串宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24080684/

相关文章:

javascript - 为了获得多维数组,在字符串中拆分字符串的一般解决方案是什么?

javascript - Ionic/Angular Diagnostic.requestRuntimePermission 如何? (文档不完整)

javascript - JS setTimeout 不会等待使用 Scratchpad

javascript - 使用 javascript 从另一个 div 打印 div 或 iframe 内容

javascript - JQuery 删除图像

javascript - jQuery UI Dialog、Checkboxes和IE6的神秘案例

javascript - 如何从 WordPress 主题中删除 JavaScript 文件

javascript - 如何在 React JS 中获取动态生成的输入字段的值?

c++ - 如何提取字符串中的特定值

php - 用于解析 .strings 文件的正则表达式