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 渐变下拉菜单
Dec 15 Javascript
jQuery Validation实例代码 让验证变得如此容易
Oct 18 Javascript
网页实时显示服务器时间和javscript自运行时钟
Jun 09 Javascript
jquery仿百度百科底部浮动导航特效
Aug 08 Javascript
js判断空对象的实例(超简单)
Jul 26 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
Jun 08 Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 Javascript
如何抽象一个Vue公共组件
Oct 17 Javascript
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
如何使用puppet替换文件中的string
Dec 06 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
Oct 30 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
Ha0k 0.3 PHP 网页木马修改版
2009/10/11 PHP
PHP基于单例模式编写PDO类的方法
2016/09/13 PHP
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
JavaScript中的DSL元编程介绍
2015/03/15 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
2016/08/10 Javascript
Angularjs 实现一个幻灯片示例代码
2016/09/08 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
深入理解React高阶组件
2017/09/28 Javascript
vue解决跨域路由冲突问题思路解析
2017/11/03 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
Vue 组件修改根实例的数据的方法
2019/04/02 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
2020/11/17 Vue.js
[10:34]DOTA2上海特级锦标赛全纪录
2016/03/25 DOTA
Python数据分析之获取双色球历史信息的方法示例
2018/02/03 Python
使用Python读取二进制文件的实例讲解
2018/07/09 Python
详解python中Numpy的属性与创建矩阵
2018/09/10 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
OpenCV+face++实现实时人脸识别解锁功能
2019/08/28 Python
基于python全局设置id 自动化测试元素定位过程解析
2019/09/04 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
Django 拼接两个queryset 或是两个不可以相加的对象实例
2020/03/28 Python
Python图像读写方法对比
2020/11/16 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
写自荐信的七个技巧
2013/10/15 职场文书
新学期班主任寄语
2014/01/18 职场文书
小学生元旦感言
2014/02/26 职场文书
乡镇消防工作实施方案
2014/03/27 职场文书
出生公证委托书
2014/04/03 职场文书
2015元旦文艺汇演主持稿(开场白+结束语)
2014/12/14 职场文书
技术员岗位职责
2015/02/04 职场文书
企业财务管理制度范本
2015/08/04 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python