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 相关文章推荐
利用json获取字符出现次数的代码
Mar 22 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
微信小程序实现tab和swiper切换结合效果
Jul 17 Javascript
使用mint-ui实现省市区三级联动效果的示例代码
Feb 09 Javascript
快速解决brew安装特定版本flow的问题
May 17 Javascript
vue+axios+promise实际开发用法详解
Oct 15 Javascript
Node.js动手撸一个静态资源服务器的方法
Mar 09 Javascript
Vue $mount实战之实现消息弹窗组件
Apr 22 Javascript
jquery 验证用户名是否重复代码实例
May 14 jQuery
防止Layui form表单重复提交的实现方法
Sep 10 Javascript
JavaScript对象属性操作实例解析
Feb 04 Javascript
关于JS中的作用域中的问题思考分享
Apr 06 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
zf框架db类的分页示例分享
2014/03/14 PHP
ThinkPHP写数组插入与获取最新插入数据ID实例
2014/11/03 PHP
THINKPHP内容分页代码分享
2015/01/14 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
PHP 匿名函数与注意事项详细介绍
2016/11/26 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
JQuery 常用操作代码
2010/03/14 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
jquery限定文本框只能输入数字(整数和小数)
2016/01/08 Javascript
原生javascript AJAX 三级联动的实现代码
2018/05/04 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
2019/05/14 Javascript
JS 封装父页面子页面交互接口的实例代码
2019/06/25 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
2020/05/01 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
2020/08/06 Javascript
在Django的模型中添加自定义方法的示例
2015/07/21 Python
深入理解python函数递归和生成器
2016/06/06 Python
python利用微信公众号实现报警功能
2018/06/10 Python
python-web根据元素属性进行定位的方法
2019/12/13 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
土耳其国际性时尚购物网站:Modanisa
2018/01/19 全球购物
澳大利亚婴儿喂养品牌:Cherub Baby
2018/11/01 全球购物
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
Jack Rogers官网:美国经典的女性鞋靴品牌
2019/09/04 全球购物
武汉瑞得软件笔试题
2015/10/27 面试题
财务工作个人求职的自我评价
2013/12/19 职场文书
计算机售后服务承诺书
2014/05/30 职场文书
校园安全标语
2014/06/07 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
酒桌上的开场白
2015/06/01 职场文书
关于战胜挫折的名言警句大全!
2019/07/05 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
mysql 体系结构和存储引擎介绍
2022/05/06 MySQL
Spring中bean集合注入的方法详解
2022/07/07 Java/Android