首页 / JAVASCRIPT / javascript – 在textarea中以像素为单位查找插入位置

javascript – 在textarea中以像素为单位查找插入位置

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在textarea中以像素为单位查找插入位置，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1162字，纯文字阅读大概需要2分钟。

内容图文

参见英文答案 > How do I get the (x, y) pixel coordinates of the caret in text boxes?                                    3个
我想知道是否有可能在整个页面中找到textarea中的carret的确切位置(以像素为单位).例如,如果我输入了这是文本框中的文本,我想知道从屏幕左上角到carot的像素.

它将采用X：200 Y：100的形式.这样我就可以定位浮动div.这需要在javascript中动态完成.

多谢你们

解决方法:

这个“原始代码”至少在IE中起作用.

使用代码,您可以将< TEXTAREA>在页面中你想要的地方,< DIV id =“db”>会跟着它.即使页面的滚动位置.您可以修复< DIV>的位置.通过更改d.style … 6-statements中的文字数字.

<body>
<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>

<script>
<!--
var b=document.body;
var d=document.getElementById('db');
var a=document.getElementById('ta');

function moveDiv(){
    var sel=document.selection;
    var targ=sel.createRange();
    d.style.top=a.offsetTop+a.clientTop-d.clientHeight-6;
    d.style.left=targ.offsetLeft+b.scrollLeft-6;
    return;
}
// -->
</script>
</body>

定位< DIV>不太准确,但在< TEXTAREA>中使用固定宽度字体时会变得更好.

内容总结

以上是互联网集市为您收集整理的javascript – 在textarea中以像素为单位查找插入位置全部内容，希望文章能够帮你解决javascript – 在textarea中以像素为单位查找插入位置所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/709976.html

来源：【匿名】