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

Sub*_*nja 5 javascript string jquery 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>
Run Code Online (Sandbox Code Playgroud)

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

A. *_*lff 10

您可以使用以下代码段:

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

--DEMO--