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 相关文章推荐
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 Javascript
Jquery获取第一个子元素简单实例
Jun 02 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
Apr 13 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
js实现数组内数据的上移和下移的实例
Nov 14 Javascript
ajax前台后台跨域请求处理方式
Feb 08 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
Aug 22 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
使用Typescript和ES模块发布Node模块的方法
May 25 Javascript
js实现3D旋转效果
Aug 18 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+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
setTimeout内不支持jquery的选择器的解决方案
2015/04/28 Javascript
Nodejs实战心得之eventproxy模块控制并发
2015/10/27 NodeJs
AngularJS手动表单验证
2016/02/01 Javascript
D3.js实现散点图和气泡图的方法详解
2016/09/21 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
2016/10/28 Javascript
vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造
2018/09/14 Javascript
Javascript删除数组里的某个元素
2019/02/28 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
详解js常用分割取字符串的方法
2019/05/15 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
vue3自定义dialog、modal组件的方法
2021/01/04 Vue.js
浅析JavaScript中的事件委托机制跟深浅拷贝
2021/01/20 Javascript
Python实现Linux中的du命令
2017/06/12 Python
python去除字符串中的换行符
2017/10/11 Python
Python实现通过继承覆盖方法示例
2018/07/02 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
使用html2canvas.js实现页面截图并显示或上传的示例代码
2018/12/18 HTML / CSS
TUMI澳大利亚网站:美国旅行箱包品牌
2017/03/27 全球购物
Lyle & Scott苏格兰金鹰官网:英国皇室御用品牌
2018/05/09 全球购物
美国在线肉类和海鲜配送:Crowd Cow
2020/10/02 全球购物
公证书样本
2014/04/10 职场文书
《月亮湾》教学反思
2014/04/14 职场文书
体育课课后反思
2014/04/24 职场文书
老公保证书范文
2014/04/29 职场文书
绿色环保演讲稿
2014/05/10 职场文书
电子商务优秀毕业生求职信
2014/07/11 职场文书
新店开张活动方案
2014/08/24 职场文书
市场营销计划书
2015/01/17 职场文书
SQL实现LeetCode(197.上升温度)
2021/08/07 MySQL
mysql中整数数据类型tinyint详解
2021/12/06 MySQL
如何利用python创作字符画
2022/06/25 Python
Docker安装MySql8并远程访问的实现
2022/07/07 Servers