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 相关文章推荐
javascript 模拟点击广告
Jan 02 Javascript
Javascript 设计模式(二) 闭包
May 26 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
Jul 01 Javascript
JavaScript原型链示例分享
Jan 26 Javascript
Bootstrap编写导航栏和登陆框
May 30 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
vue.js中指令Directives详解
Mar 20 Javascript
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 Javascript
JS实现点击链接切换显示隐藏内容的方法
Oct 19 Javascript
微信小程序实现购物页面左右联动
Feb 15 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 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自定义函数call_user_func和call_user_func_array详解
2011/07/14 PHP
PHP版国家代码、缩写查询函数代码
2011/08/14 PHP
php检查字符串中是否有外链的方法
2015/07/29 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
Swoole扩展的6种模式深入详解
2021/03/04 PHP
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
javascript下查找父节点的简单方法
2007/08/13 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
AngularJS基于ui-route实现深层路由的方法【路由嵌套】
2016/12/14 Javascript
JS实现点击链接切换显示隐藏内容的方法
2017/10/19 Javascript
解决nodejs的npm命令无反应的问题
2018/05/17 NodeJs
Node.js模块全局安装路径配置方法
2018/05/17 Javascript
微信小程序wepy框架笔记小结
2018/08/08 Javascript
解决Vue 项目打包后favicon无法正常显示的问题
2018/09/01 Javascript
JavaScript函数的特性与应用实践深入详解
2018/12/30 Javascript
原生js实现抽奖小游戏
2019/06/27 Javascript
简单实现节流函数和防抖函数过程解析
2019/10/08 Javascript
通过实例了解Javascript柯里化流程
2020/03/03 Javascript
wxPython窗口的继承机制实例分析
2014/09/28 Python
Python中struct模块对字节流/二进制流的操作教程
2017/01/21 Python
Python判断文件和字符串编码类型的实例
2017/12/21 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
Python装饰器原理与用法分析
2018/04/30 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
IBatis持久层技术
2016/07/18 面试题
优秀教师的感人事迹
2014/02/04 职场文书
进口业务员岗位职责
2014/04/06 职场文书
初中学生评语大全
2014/04/24 职场文书
工程项目经理任命书
2014/06/05 职场文书
市场调查策划方案
2014/06/10 职场文书
综治目标管理责任书
2015/05/11 职场文书
使用RedisTemplat实现简单的分布式锁
2021/11/20 Redis
前端vue+express实现文件的上传下载示例
2022/02/18 Vue.js