如何在输入字段中找到最后一个字母的绝对或相对位置？

Question

也许这是一个奇怪的问题.请检查Bellow,你会明白的.

空输入类型文本,宽度= 200px:

[____________________________]

填充输入类型文本,宽度= 200px:

[abcdefg_____________________]

如果输入左边是0,如何找到g字母所在的绝对或相对位置？

当用户输入一些文字我希望在最后一个字母下显示一个简单的div ...

Answer 1

文本大小的黑客攻击是可以的,但你也可以使用visiblity:隐藏的跨度来移动你的信息div.HTML代码段如下:

<div><input type="text" value="hgello!!" onkeydown="document.getElementById('spacer').innerHTML = this.value;" /></div>
<div><span id="spacer" style="visibility: hidden;"></span>Character</div>

这样,您可以依赖浏览器以大致相同的方式将相同的字体呈现到跨度中.