从左侧和顶部查找光标位置,以像素为单位

时间:2017-06-12 07:14:08

标签: javascript jquery html javascript-objects document

我试图找到光标左侧,textarea中与整个文档相关的顶部位置。此文本区域可以放在页面的任何位置。我想知道光标从整个文档的左侧和顶部的确切位置。

我尝试了一些代码

<div id="db" style="position:absolute;left:-20px;top:-20px;border:1px solid red;">V</div>
<br><br><br>
<form id="props">
    <textarea id="ta" style="width:200px;height:100px;" onkeyup="moveDiv();"></textarea>
</form>

JS

var b=document.body;
var d=document.getElementById('db');
var a=document.getElementById('ta');

function moveDiv(){
    var sel = document.getSelection();
    var targ = sel.getRangeAt(0).commonAncestorContainer;

    d.style.top=a.offsetTop+a.clientTop-d.clientHeight-6;
    d.style.left = targ.offsetLeft + b.scrollLeft - 6;
    return;
}

但它不起作用。

请帮忙! 谢谢

0 个答案:

没有答案