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 Ajax之load()方法
Oct 12 Javascript
js原生态函数中使用jQuery中的 $(this)无效的解决方法
May 25 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
使用CSS样式position:fixed水平滚动的方法
Feb 19 Javascript
js style动态设置table高度
Oct 21 Javascript
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
javascript通过元素id和name直接取得元素的方法
Apr 28 Javascript
使用控制台破解百小度一个月只准改一次名字
Aug 13 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
JS实现调用本地摄像头功能示例
May 18 Javascript
Express本地测试HTTPS的示例代码
Jun 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
PHP源码之 ext/mysql扩展部分
2009/07/17 PHP
解析PHP中$_FILES的使用以及注意事项
2013/07/05 PHP
分享一个超好用的php header下载函数
2014/01/31 PHP
laravel安装zend opcache加速器教程
2015/03/02 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
PHP配合fiddler抓包抓取微信指数小程序数据的实现方法分析
2020/01/02 PHP
js内置对象 学习笔记
2011/08/01 Javascript
jquery的flexigrid无法显示数据提示获取到数据
2013/07/19 Javascript
js身份证判断方法支持15位和18位
2014/03/18 Javascript
js中定义一个变量并判断其是否为空的方法
2014/05/13 Javascript
用javascript实现自动输出网页文本
2015/07/30 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
2016/09/14 Javascript
jQuery select自动选中功能实现方法分析
2016/11/28 Javascript
js实现返回顶部效果
2017/03/10 Javascript
单行 JS 实现移动端金钱格式的输入规则
2017/05/22 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
2017/08/14 jQuery
IntersectionObserver实现图片懒加载的示例
2017/09/29 Javascript
Angular使用动态加载组件方法实现Dialog的示例
2018/05/11 Javascript
通过JavaScript下载文件到本地的方法(单文件)
2019/03/17 Javascript
jQuery实时统计输入框字数及限制
2020/06/24 jQuery
关于pip的安装,更新,卸载模块以及使用方法(详解)
2017/05/19 Python
对Python多线程读写文件加锁的实例详解
2019/01/14 Python
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
携程旅行网:中国领先的在线旅行服务公司
2017/02/17 全球购物
Bibloo罗马尼亚网站:女装、男装、童装及鞋子和配饰
2019/07/20 全球购物
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
一份婚庆公司创业计划书
2014/01/11 职场文书
能源工程专业应届生求职信
2014/03/01 职场文书
三八节主持词
2014/03/17 职场文书
清明节网上祭英烈活动总结
2014/04/30 职场文书
质量安全标语
2014/06/07 职场文书
九九重阳节致辞
2015/07/31 职场文书
听课评课活动心得体会
2016/01/15 职场文书
上手简单,功能强大的Python爬虫框架——feapder
2021/04/27 Python
教你如何使用Python Tkinter库制作记事本
2021/06/10 Python