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 相关文章推荐
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
匹配任意字符的正则表达式写法
Apr 29 Javascript
jQuery.Validate验证库的使用介绍
Apr 26 Javascript
jquery动态改变form属性提交表单
Jun 03 Javascript
网页右下角弹出窗体实现代码
Jun 05 Javascript
创建自己的jquery表格插件
Nov 25 Javascript
Bootstrap每天必学之警告框插件
Apr 26 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
Jul 27 Javascript
微信小程序 自己制作小组件实例详解
Dec 22 Javascript
js实现文字向上轮播功能
Jan 13 Javascript
iframe与主框架跨域相互访问实现方法
Sep 14 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 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 编写的日历
2006/10/09 PHP
php设计模式 Builder(建造者模式)
2011/06/26 PHP
PHP中怎样保持SESSION不过期 原理及方案介绍
2013/08/08 PHP
PHP微信PC二维码登陆的实现思路
2017/07/13 PHP
JavaScript中两种链式调用实现代码
2011/01/12 Javascript
详细介绍8款超实用JavaScript框架
2013/10/25 Javascript
js与C#进行时间戳转换
2014/11/14 Javascript
微信JS接口汇总及使用详解
2015/01/09 Javascript
浅析Bootstrap表格的使用
2016/06/23 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
jQuery动态增减行的实例代码解析(推荐)
2016/12/05 Javascript
vue.js选中动态绑定的radio的指定项
2017/06/02 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
2017/07/05 Javascript
react系列从零开始_简单谈谈react
2017/07/06 Javascript
3种vue组件的书写形式
2017/11/29 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
js实现拾色器插件(ColorPicker)
2020/05/21 Javascript
优化Python代码使其加快作用域内的查找
2015/03/30 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
澳洲的服装老品牌:SABA
2018/02/06 全球购物
斯洛伐克家具和时尚装饰品购物网站:Butlers.sk
2019/09/08 全球购物
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
PyQt QMainWindow的使用示例
2021/03/24 Python
会计专业的自荐信
2013/12/12 职场文书
总会计师岗位职责
2014/02/19 职场文书
房地产促销活动方案
2014/03/01 职场文书
《冬阳童年骆驼队》教学反思
2014/04/15 职场文书
应届毕业生求职信
2014/05/26 职场文书
如何签定毕业生就业协议书
2014/09/28 职场文书
法制教育主题班会
2015/08/13 职场文书
MySQL之select、distinct、limit的使用
2021/11/11 MySQL