【问题标题】:How to get current position of where you are typing in Javascript如何获取您在 Javascript 中输入的当前位置
【发布时间】:2020-06-03 00:28:46
【问题描述】:
我希望能够看到我在框中输入的位置与页面成比例。 IE。如果我在文本框中键入“L”,页面上的当前位置是顶部/左侧像素。
我检索了该字段的当前输入位置:
var field = document.getElementById("field");
var boxX = field.offsetLeft;
var boxY = field.offsetTop;
我只是无法确定在字段中键入的最后一个字母的位置的当前位置(以像素为单位)。
谁能帮帮我?
谢谢!
【问题讨论】:
标签:
javascript
position
typing
【解决方案1】:
HTML
<input id="field" type="text"/>
JavaScript
var boxX =field.offsetHeight;
var boxY= field.offsetLeft;
document.getElementById("field").addEventListener('keyup', e => {
console.log('Caret at: ', e.target.offsetLeft + e.target.selectionEnd);
console.log('Caret at: ', e.target.offsetTop + e.target.selectionEnd);
});