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 相关文章推荐
学习从实践开始之jQuery插件开发 菜单插件开发
May 03 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
May 10 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
May 20 Javascript
javascript作用域、作用域链(菜鸟必看)
Jun 16 Javascript
Javascript同时声明一连串(多个)变量的方法
Jan 23 Javascript
彻底解决 webpack 打包文件体积过大问题
Jul 07 Javascript
微信小程序 自定义消息提示框
Aug 06 Javascript
浅谈react+es6+webpack的基础配置
Aug 09 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
Mar 01 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 Javascript
javascript前端实现多视频上传
Dec 13 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
php smarty的预保留变量总结
2008/12/04 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
最准确的php截取字符串长度函数
2015/10/29 PHP
在PHP中输出JS语句以及乱码问题的解决方案
2019/02/13 PHP
使用jquery自定义鼠标样式满足个性需求
2013/11/05 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
js实现超酷的照片墙展示效果图附源码下载
2015/10/08 Javascript
jQuery实现根据滚动条位置加载相应内容功能
2016/07/18 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
使用bootstrap实现多窗口和拖动效果
2016/09/22 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
Vue.js移动端左滑删除组件的实现代码
2017/09/08 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
2018/04/13 Javascript
vue项目中vue-i18n和element-ui国际化开发实现过程
2018/04/25 Javascript
vue实现通讯录功能
2018/07/14 Javascript
浅谈关于iview表单验证的问题
2018/09/29 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
2018/12/14 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
2019/08/06 Javascript
React实现类似淘宝tab居中切换效果的示例代码
2020/06/02 Javascript
Python入门篇之函数
2014/10/20 Python
python实现rsa加密实例详解
2017/07/19 Python
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
2019/03/11 Python
使用 Python 清理收藏夹里已失效的网站
2019/12/03 Python
使用IPython或Spyder将省略号表示的内容完整输出
2020/04/20 Python
class类在python中获取金融数据的实例方法
2020/12/10 Python
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
节省高达65%的城市景点费用:Go City
2019/07/06 全球购物
eBay比利时购物网站:eBay.be
2019/08/09 全球购物
大学生村官座谈会发言材料
2014/05/25 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
2015年幼师个人工作总结
2015/10/15 职场文书