如何知道占位符字符串宽度在px的Jquery/Javascript

How to know Placeholder String width in px by Jquery/Javascript?

本文关键字：px Jquery Javascript 何知道 占位符 字符串      更新时间：2023-09-26

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);

——演示——

相关文章：