JavaScript获取文本框光标的像素位置

发布时间：2018-10-17 07:40:42 所属栏目：创业来源：站长网

导读：本文主要实现获取textarea和input光标的像素位置，即光标的offsetLeft与offsetTop。可实现如下效果：首先说明一下，在网上搜到的很多代码是如何获取输入光标位置的如下代码是如何获取光标的的字符位置，如对于串He|llo World!返回的是光标|前的字符数2，并

测试页面如下：

<!DOCTYPE html> <html> <head> <title>InputPostion</title> <script type="text/javascript" src="kingwolfofsky.js""></script> <script type="text/javascript"> function show(elem) { var p = kingwolfofsky.getInputPositon(elem); var s = document.getElementById('show'); s.style.top = p.bottom+'px'; s.style.left = p.left + 'px'; s.style.display = 'inherit'; } </script> </head> <body> <textarea id="text" onkeyup="show(this)" style="width: 340px; height: 210px;"></textarea> <br /> <input type="text" onkeyup="show(this)" style="width: 340px;" /> <div id="show" style="width: 34px; height: 13px; background: #eee; position: absolute;border:1px solid grey;font-size:13px; display:none;">Tips</div> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

3/3

首页

躺赚，坐等收钱的项目	微盟与复星达成战略合
一切的成功，全归功于	2021，做个健身教练没