【问题标题】: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);
      });
    

    【讨论】:

    • 感谢您的评论,但它似乎不起作用。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-03-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多