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 学习笔记(六)
Dec 31 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 Javascript
微信小程序教程之本地图片上传(leancloud)实例详解
Nov 16 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 Javascript
Angular学习教程之RouterLink花式跳转
May 03 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
js实现轮播图特效
May 28 Javascript
jQuery带控制按钮轮播图插件
Jul 31 jQuery
Vue 列表页带参数进详情页的操作(router-link)
Nov 13 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
一个ftp类(ini.php)
2006/10/09 PHP
ajax+php打造进度条 readyState各状态
2010/03/20 PHP
奉献出一个封装的curl函数 便于调用(抓数据专用)
2013/07/22 PHP
Codeigniter实现发送带附件的邮件
2015/03/19 PHP
使用php从身份证号中获取一系列线索(星座、生肖、生日等)
2016/05/11 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
PHP crc32()函数讲解
2019/02/14 PHP
PHP论坛实现积分系统的思路代码详解
2020/06/01 PHP
如何在PHP环境中使用ProtoBuf数据格式
2020/06/19 PHP
基于JQuery框架的AJAX实例代码
2009/11/03 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
关于数据与后端进行交流匹配(点亮星星)
2016/08/03 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
2016/08/17 Javascript
JavaScript 中 avalon绑定属性总结
2016/10/19 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
AngularJs ng-change事件/指令的用法小结
2017/11/01 Javascript
基于ES6作用域和解构赋值详解
2017/11/03 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
Javascript实现秒表倒计时功能
2018/11/17 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
2019/04/24 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
python中使用sys模板和logging模块获取行号和函数名的方法
2014/04/15 Python
python中list循环语句用法实例
2014/11/10 Python
关于python下cv.waitKey无响应的原因及解决方法
2019/01/10 Python
CentOS7安装Python3的教程详解
2019/04/10 Python
Tensorflow训练模型越来越慢的2种解决方案
2020/02/07 Python
TensorBoard 计算图的查看方式
2020/02/15 Python
HTML5如何为形状图上颜色怎么绘制具有颜色和透明度的矩形
2014/06/23 HTML / CSS
windows server 2012安装FTP并配置被动模式指定开放端口
2022/06/10 Servers