JS获取及设置TextArea或input文本框选择文本位置的方法


Posted in Javascript onMarch 24, 2015

本文实例讲述了JS获取及设置TextArea或input文本框选择文本位置的方法。分享给大家供大家参考。具体实现方法如下:

function getPos(el) {
 var range, textRange, duplicate
 el.focus()
 if ( el.selectionStart ) return el.selectionStart
 else if ( document.selection ) { // IE
  range = document.selection.createRange()
  if ( range == null ) return el.value.length
  textRange = el.createTextRange()
  duplicate = textRange.duplicate()
  textRange.moveToBookmark(range.getBookmark())
  duplicate.setEndPoint('EndToStart', textRange)
  return duplicate.text.length
 }
}
function setPos(el, pos) {
 var range
 el.focus()
 if ( el.setSelectionRange )
  el.setSelectionRange(pos, pos)
 else if ( el.createTextRange ) {
  range.collapse(true)
  range.moveEnd('character', pos)
  range.moveStart('character', pos)
  range.select()
 }
}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
IE与FireFox的兼容性问题分析
Apr 22 Javascript
广告代码静态化js通用函数
May 09 Javascript
javascript 定义新对象方法
Feb 20 Javascript
js工具方法弹出蒙版
May 08 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
Nov 28 Javascript
javascript图片延迟加载实现方法及思路
Dec 31 Javascript
jquery自定义插件开发之window的实现过程
May 06 Javascript
JS实现鼠标框选效果完整实例
Jun 20 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
Ajax异步刷新功能及简单案例
Nov 20 Javascript
AngularJS实现多级下拉框
Mar 25 Javascript
jQuery调用ajax请求的常见方法汇总
Mar 24 #Javascript
JSONP之我见
Mar 24 #Javascript
JavaScript将数字转换成大写中文的方法
Mar 23 #Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 #Javascript
jQuery定义背景动态切换效果的方法
Mar 23 #Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 #Javascript
jQuery实现拖拽效果插件的方法
Mar 23 #Javascript
You might like
用文本文件制作留言板提示(上)
2006/10/09 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
php基础设计模式大全(注册树模式、工厂模式、单列模式)
2015/08/31 PHP
PHP图形操作之Jpgraph学习笔记
2015/12/25 PHP
PHP常用的三种设计模式汇总
2016/08/28 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
JavaScript的面向对象(二)
2006/11/09 Javascript
非常漂亮的JS代码经典广告
2007/10/21 Javascript
JS getStyle获取最终样式函数代码
2010/04/01 Javascript
picChange 图片切换特效的函数代码
2010/05/06 Javascript
jQuery学习笔记 获取jQuery对象
2012/09/19 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
2013/12/23 Javascript
JavaScript输入邮箱自动提示实例代码
2014/01/13 Javascript
JavaScript 开发工具webstrom使用指南
2014/12/09 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
2017/02/23 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
vue监听对象及对象属性问题
2018/08/20 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
使用p5.js实现动态GIF图片临摹重现
2019/10/23 Javascript
解决vue请求接口第一次成功,第二次失败问题
2020/09/08 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
python操作MongoDB基础知识
2013/11/01 Python
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
怎样使用Python脚本日志功能
2016/08/14 Python
python简单实现操作Mysql数据库
2018/01/29 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
python实现人机猜拳小游戏
2020/02/03 Python
Windows下Pycharm远程连接虚拟机中Centos下的Python环境(图文教程详解)
2020/03/19 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
全球航班旅行搜索网站:Cheapflights
2017/05/19 全球购物
带薪年假请假条
2014/02/04 职场文书
教育系统干部作风整顿心得体会
2014/09/09 职场文书
讨论nginx location 顺序问题
2022/05/30 Servers