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 相关文章推荐
js创建表单元素并使用submit进行提交
Aug 14 Javascript
JavaScript中匿名、命名函数的性能测试
Sep 04 Javascript
使用Node.js配合Nginx实现高负载网络
Jun 28 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
Oct 08 Javascript
使用jQuery Ajax 请求webservice来实现更简练的Ajax
Aug 04 Javascript
正则表达式替换html元素属性的方法
Nov 26 Javascript
JavaScript使用readAsDataURL读取图像文件
May 10 Javascript
webpack 2.x配置reactjs基本开发环境详解
Aug 08 Javascript
薪资那么高的Web前端必看书单
Oct 13 Javascript
React 组件转 Vue 组件的命令写法
Feb 28 Javascript
JavaScript页面加载事件实例讲解
Sep 01 Javascript
html2canvas属性和使用方法以及如何使用html2canvas将HTML内容写入Canvas生成图片
Jan 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图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
php实现的单一入口应用程序实例分析
2015/09/23 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
用javascript编写的第一人称射击游戏
2007/02/25 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
2013/07/09 Javascript
JQuery中serialize() 序列化
2015/03/13 Javascript
nodejs 的 session 简单使用
2016/06/06 NodeJs
详解在Vue中如何使用axios跨域访问数据
2017/07/07 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
Vue CLI3 开启gzip压缩文件的方式
2018/09/30 Javascript
JavaScript数值类型知识汇总
2019/11/17 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
2020/02/01 jQuery
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
[03:11]DOTA2上海特锦赛小组赛第一日recap精彩回顾
2016/02/28 DOTA
python如何为创建大量实例节省内存
2018/03/20 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
python从Oracle读取数据生成图表
2020/10/14 Python
python使用dlib进行人脸检测和关键点的示例
2020/12/05 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
计算机专业自我鉴定
2013/10/15 职场文书
校园十大歌手策划书
2014/02/01 职场文书
《雕塑之美》教学反思
2014/04/24 职场文书
爱岗敬业演讲稿
2014/05/05 职场文书
奥林匹克的口号
2014/06/13 职场文书
经济类毕业生求职信
2014/06/26 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
幼儿教师个人总结
2015/02/05 职场文书
幼儿园开学家长寄语(2016春季)
2015/12/03 职场文书
党组织结对共建协议书
2016/03/23 职场文书
合理缓解职场压力,让你随时保持最佳状态!
2019/06/21 职场文书
python自然语言处理之字典树知识总结
2021/04/25 Python
Python制作一个随机抽奖小工具的实现
2021/07/07 Python
flex布局中使用flex-wrap实现换行的项目实践
2022/06/21 HTML / CSS