Question

这是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>

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

Answer 1

您可以使用以下代码段：

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

如何通过Jquery / Javascript知道px中的占位符字符串宽度？

1 个答案:

--DEMO--