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 相关文章推荐
js点击事件链接的问题解决
Apr 25 Javascript
JavaScript中this详解
Sep 01 Javascript
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
Dec 06 Javascript
基于JS实现翻书效果的页面切换样式
Feb 16 Javascript
vue2 router 动态传参,多个参数的实例
Nov 10 Javascript
vue中post请求以a=a&b=b 的格式写遇到的问题
Apr 27 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
JS使用对象的defineProperty进行变量监控操作示例
Feb 02 Javascript
详解Vue前端对axios的封装和使用
Apr 01 Javascript
使用React代码动态生成栅格布局的方法
May 24 Javascript
Vue全局事件总线你了解吗
Feb 24 Vue.js
Vue组件化(ref,props, mixin,.插件)详解
May 15 Vue.js
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
PHP 日期加减的类,很不错
2009/10/10 PHP
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
php中二分法查找算法实例分析
2016/09/22 PHP
php 变量引用与变量销毁机制详细介绍
2016/12/05 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
js类中获取外部函数名的方法与代码
2007/09/12 Javascript
JavaScript自定义事件介绍
2013/08/29 Javascript
基于js与flash实现的网站flv视频播放插件代码
2014/10/14 Javascript
AngularJS $injector 依赖注入详解
2016/09/14 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
老生常谈combobox和combotree模糊查询
2017/04/17 Javascript
JavaScript实现的斑马线表格效果【隔行变色】
2017/09/18 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
vue项目中全局引入1个.scss文件的问题解决
2019/08/01 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
python基于queue和threading实现多线程下载实例
2014/10/08 Python
用Python中的__slots__缓存资源以节省内存开销的方法
2015/04/02 Python
python实现多线程的两种方式
2016/05/22 Python
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
Windows下的Python 3.6.1的下载与安装图文详解(适合32位和64位)
2018/02/21 Python
opencv实现静态手势识别 opencv实现剪刀石头布游戏
2019/01/22 Python
Python concurrent.futures模块使用实例
2019/12/24 Python
django在保存图像的同时压缩图像示例代码详解
2020/02/11 Python
python适合做数据挖掘吗
2020/06/16 Python
交通安全教育制度
2014/02/02 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
2015年党员自评材料
2014/12/17 职场文书
环境卫生整治简报
2015/07/20 职场文书
工作感言一句话
2015/08/01 职场文书
运动会口号霸气押韵
2015/12/24 职场文书
Win11无法访问设备和打印机 如何解决页面空白
2022/04/09 数码科技