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



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

——演示——

相关内容

  • 没有找到相关文章

最新更新