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 相关文章推荐
javascript同步Import,同步调用外部js的方法
Jul 08 Javascript
JQuery开发的数独游戏代码
Oct 29 Javascript
JS循环遍历JSON数据的方法
Jul 08 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
JS实现的新浪微博大厅文字内容滚动效果代码
Nov 05 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
JavaScript中Array对象用法实例总结
Nov 29 Javascript
jquery仿ps颜色拾取功能
Mar 08 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
vue源码中的检测方法的实现
Sep 26 Javascript
vue+element表格导出为Excel文件
Sep 26 Javascript
使用Vue Composition API写出清晰、可扩展的表单实现
Jun 10 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实现多进程并行操作的详解(可做守护进程)
2013/06/18 PHP
解决phpcms更换javascript的幻灯片代码调用图片问题
2014/12/26 PHP
php实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
JavaScript操作Cookie详解
2015/02/28 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
2015/09/14 Javascript
js窗口关闭提示信息(兼容IE和firefox)
2015/10/23 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
jQuery实现根据生日计算年龄 星座 生肖
2016/11/23 Javascript
javascript 定时器工作原理分析
2016/12/03 Javascript
浅谈React Native 中组件的生命周期
2017/09/08 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
2019/04/04 Javascript
Vue 同步异步存值取值实现案例
2020/08/05 Javascript
javascript实现随机抽奖功能
2020/12/30 Javascript
[03:49]DOTA2 2015国际邀请赛中国区预选赛第二日现场百态
2015/05/27 DOTA
Python脚本实现格式化css文件
2015/04/08 Python
在Python中移动目录结构的方法
2016/01/31 Python
Python冒泡排序注意要点实例详解
2016/09/09 Python
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
python+opencv轮廓检测代码解析
2018/01/05 Python
使用python读取txt文件的内容,并删除重复的行数方法
2018/04/18 Python
基于Python函数和变量名解析
2019/07/19 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
世界上最大的冷却器制造商:Igloo Coolers
2019/07/23 全球购物
璀璨的珍珠、密钉和个性化珠宝:Lily & Roo
2021/01/21 全球购物
一套软件开发工程师笔试题
2015/05/18 面试题
中专自荐信
2013/10/13 职场文书
教学实习自我评价
2014/01/28 职场文书
档案保密承诺书
2014/06/03 职场文书
学校党委副书记个人对照检查材料思想汇报
2014/09/28 职场文书
北京颐和园导游词
2015/01/30 职场文书
体育部部长竞选稿
2015/11/21 职场文书