chrome下用js 取下输入框中当前光标的left和top

gaowenzhen 2013-01-30 05:56:40

chrome下用js 取下输入框中当前光标的left和top

...全文

307 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

gaowenzhen 2013-01-31

打赏
举报

回复

自已解决了，

xiaofan_sap 2013-01-30

打赏
举报

回复

http://blog.csdn.net/xiaofan_sap/article/details/8509720

直接上代码代码如下: var kingwolfofsky = { /** * 获取输入光标在页面中的坐标 * @param {HTMLElement} 输入框元素 * @return {Object} 返回left和top,bottom */ getInputPositon: function (elem) { if (document.selection) { //IE Support elem.focus(); var Sel = document.selection.createRange(); return { left: Sel.boundingLeft, top: Sel.bo

很好的兼容了IE、Chrome、火狐等多种主流浏览器，轻松获得指定控件光标所在位置的坐标。用法： var elem = document.getElementById(控件id); var p = kingwolfofsky.getInputPositon(elem); p.left;//获得指定位置坐标 p.top;//同上 p.bottom;//同上

今天同事问我怎么使得输入框通过focus函数后，焦点在最后面，而不是最前面。后来一查发现很简单。只要在focus函数后加入一行代码就好了(╥╯^╰╥) //tObj ：找到输入框元素 //sPos : 输入框内容长度 tObj.focus(); tObj.setSelectionRange(sPos, sPos); 就是setSelectionRange，这个函数可以设置光标选中...

1.概念和原理 DOM中并没有直接获取光标位置的方法，那么我们只能间接来获取光标位置。DOM支持获取光标选中的范围，我们可以以此为切入点，来获取或定位光标的位置，当选取范围起始点和结束点一样时，就是光标插入的位置。 1.1. 术语 anchor：选区起点。 focus：选区终点。 range：选区范围，包含整个节点或节点的一部分。 1.2. Selection Selection对象......

点击输入框唤起键盘，蓝框就相当于input的光标，验证码输入错误或者不符合格式要求会将字体以及边框改成红色提示，持续1s，然后清空数据，恢复原边框样式；

87,922

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章