js获取光标位置和设置文本框光标位置示例代码


Posted in Javascript onJanuary 09, 2014
<script type="text/javascript">
        function getTxt1CursorPosition(){
            var oTxt1 = document.getElementById("txt1");
            var cursurPosition=-1;
            if(oTxt1.selectionStart){//非IE浏览器
                cursurPosition= oTxt1.selectionStart;
            }else{//IE
                var range = document.selection.createRange();
                range.moveStart("character",-oTxt1.value.length);
                cursurPosition=range.text.length;
            }
            alert(cursurPosition);
        }
        function setTxt1CursorPosition(i){
            var oTxt1 = document.getElementById("txt2");
            var cursurPosition=-1;
            if(oTxt1.selectionStart){//非IE浏览器
                oTxt1.selectionStart=i;
            }else{//IE
                var range = oTxt1.createTextRange();
                range.move("character",i);
                range.select();
            }
        }
        function getTa1CursorPosition(){
            var evt =window.event?window.event:getTa1CursorPosition.caller.arguments[0];
            var oTa1 = document.getElementById("ta1");
            var cursurPosition=-1;
            if(oTa1.selectionStart){//非IE浏览器
                cursurPosition= oTa1.selectionStart;
            }else{//IE
                var range = oTa1.createTextRange();
                range.moveToPoint(evt.x,evt.y);
                range.moveStart("character",-oTa1.value.length);
                cursurPosition=range.text.length;
            }
            alert(cursurPosition);
        }
        function setTa1CursorPosition(i){
            var oTa2 = document.getElementById("ta2");
            if(oTa2.selectionStart){//非IE浏览器
                oTa2.selectionStart=i;
                oTa2.selectionEnd=i;
            }else{//IE
                var range = oTa2.createTextRange();
                range.move("character",i);
                range.select();
            }
        }
    </script>
Javascript 相关文章推荐
最简单的jQuery程序 入门者学习
Jul 09 Javascript
通过判断JavaScript的版本实现执行不同的代码
May 11 Javascript
JS、CSS加载中的小问题探讨
Nov 26 Javascript
js读取cookie方法总结
Oct 31 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
Oct 08 Javascript
Ajax跨域实现代码(后台jsp)
Jan 21 Javascript
angularjs实现上拉加载和下拉刷新数据功能
Jun 12 Javascript
基于javaScript的this指向总结
Jul 22 Javascript
element-ui循环显示radio控件信息的方法
Aug 24 Javascript
解决vue中修改export default中脚本报一大堆错的问题
Aug 27 Javascript
微信小程序之 catalog 切换实现解析
Sep 12 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 #Javascript
javascript计算当月剩余天数(天数计算器)示例代码
Jan 09 #Javascript
含有CKEditor的表单如何提交
Jan 09 #Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 #Javascript
javascript计算用户打开网页的停留时间
Jan 09 #Javascript
js中生成map对象的方法
Jan 09 #Javascript
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 #Javascript
You might like
也谈 PHP 和 MYSQL
2006/10/09 PHP
用PHP实现ODBC数据分页显示一例
2006/10/09 PHP
PHP 将数组打乱 shuffle函数的用法及简单实例
2016/06/17 PHP
php curl中gzip的压缩性能测试实例分析
2016/11/08 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
关于Mozilla浏览器不支持innerText的解决办法
2011/01/01 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
2013/02/18 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
JS小功能(onmouseover实现选择月份)实例代码
2013/11/28 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
jquery实现兼容IE8的异步上传文件
2015/06/15 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
通过JS和PHP两种方法判断用户请求时使用的浏览器类型
2016/09/01 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
浅谈vue中数据双向绑定的实现原理
2017/09/14 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
2019/07/10 Javascript
js实现带有动画的返回顶部
2020/08/09 Javascript
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
python插入排序算法实例分析
2015/07/03 Python
django中的setting最佳配置小结
2017/11/21 Python
python 执行shell命令并将结果保存的实例
2018/05/11 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
Python+OpenCV实现图像融合的原理及代码
2018/12/03 Python
python操作kafka实践的示例代码
2019/06/19 Python
python numpy 反转 reverse示例
2019/12/04 Python
完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误
2020/04/01 Python
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
军神教学反思
2014/02/04 职场文书
竞聘书格式及范文
2014/03/31 职场文书
项目建议书
2015/02/04 职场文书
学雷锋献爱心活动总结
2015/05/11 职场文书
六一儿童节主持开场白
2015/05/28 职场文书
2015年征兵工作总结
2015/07/23 职场文书
Python函数中apply、map、applymap的区别
2021/11/27 Python
Java存储没有重复元素的数组
2022/04/29 Java/Android