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 相关文章推荐
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
Jan 13 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
jquery分页对象使用示例
Apr 01 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
May 31 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
Jun 20 Javascript
Bootstrap基本样式学习笔记之按钮(4)
Dec 07 Javascript
详解Angular操作cookies方法
Jun 01 Javascript
vue router 用户登陆功能的实例代码
Apr 24 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
WEEX环境搭建与入门详解
Oct 16 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
微信小程序个人中心的列表控件实现代码
Apr 26 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数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
php实现文件下载代码分享
2014/08/19 PHP
PHP生成随机字符串实例代码(字母+数字)
2019/09/11 PHP
取键盘键位ASCII码的网页
2007/07/30 Javascript
js实现的切换面板实例代码
2013/06/17 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
2013/06/21 Javascript
Angularjs 基础入门
2014/12/26 Javascript
js实现百度登录框鼠标拖拽效果
2017/03/07 Javascript
angular仿支付宝密码框输入效果
2017/03/25 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
vue中实现在外部调用methods的方法(推荐)
2018/02/08 Javascript
angular将html代码输出为内容的实例
2018/09/30 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
2020/07/29 Javascript
详解js实时获取并显示当前时间的方法
2019/05/10 Javascript
微信小程序mpvue点击按钮获取button值的方法
2019/05/29 Javascript
jquery实现自定义树形表格的方法【自定义树形结构table】
2019/07/12 jQuery
微信小程序点击生成朋友圈分享图(遇到的坑)
2020/06/17 Javascript
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
Python全局变量用法实例分析
2016/07/19 Python
Python sqlite3事务处理方法实例分析
2017/06/19 Python
python使用多进程的实例详解
2018/09/19 Python
pytorch常见的Tensor类型详解
2020/01/15 Python
使用Keras实现简单线性回归模型操作
2020/06/12 Python
Python如何输出警告信息
2020/07/30 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
CSS3 box-sizing属性
2009/04/17 HTML / CSS
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
澳大利亚首屈一指的在线购物目的地:Kogan.com
2017/02/02 全球购物
了解AppleTalk协议吗
2014/04/01 面试题
搞笑车尾标语
2014/06/23 职场文书
安全伴我行演讲稿
2014/09/04 职场文书
同事打架检讨书
2015/05/06 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript