JS获取及设置TextArea或input文本框选择文本位置的方法

 更新时间:2015年03月24日 09:27:02   作者:feiwen  
这篇文章主要介绍了JS获取及设置TextArea或input文本框选择文本位置的方法,涉及TextArea及input文本操作技巧,需要的朋友可以参考下

本文实例讲述了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中的执行栈与执行上下文

    这篇文章主要给大家介绍了关于javascript中执行栈与执行上下文的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用javascript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-08-08
  • javascript currying返回函数的函数

    javascript currying返回函数的函数

    currying函数是一种返回函数的函数,是闭包最伟大的应用之一。有关闭包更详细的定义可参见这里与这里。如下currying函数的一种定义。
    2009-11-11
  • uniapp开发微信小程序遇到的问题笔记

    uniapp开发微信小程序遇到的问题笔记

    这篇文章主要给大家介绍了关于uniapp开发微信小程序遇到的问题的相关资料,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考,需要的朋友可以参考下
    2023-01-01
  • JavaScript截断字符串的方法

    JavaScript截断字符串的方法

    这篇文章主要介绍了JavaScript截断字符串的方法,涉及javascript字符串截取的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 非html5实现js版弹球游戏示例代码

    非html5实现js版弹球游戏示例代码

    弹球游戏,一般都是使用html5来实现的,其实不然,使用js也可以实现类似的效果,下面有个不错的示例,感兴趣的朋友可以参考下,希望对大家有所帮助
    2013-09-09
  • 利用javascript实现一些常用软件的下载导航

    利用javascript实现一些常用软件的下载导航

    利用javascript实现一些常用软件的下载导航,非常不错的应用,思路值得借鉴,没看过的朋友可以看下。
    2009-08-08
  • JavaScript中的call和apply的用途以及区别

    JavaScript中的call和apply的用途以及区别

    本文主要介绍了JavaScript中的call和apply的用途以及区别。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JS实现点击li标签弹出对应的索引功能【案例】

    JS实现点击li标签弹出对应的索引功能【案例】

    这篇文章主要介绍了JS实现点击li标签弹出对应的索引功能,结合具体实例形式分析了javascript事件响应、元素遍历等相关操作技巧,需要的朋友可以参考下
    2019-02-02
  • 手把手带你入门微信小程序新框架Kbone的使用

    手把手带你入门微信小程序新框架Kbone的使用

    这篇文章主要介绍了手把手带你入门微信小程序新框架Kbone的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • Javascript的比较汇总

    Javascript的比较汇总

    本文汇总了Javascript中两个对象的比较、不同类型的比较以及对象跟原始值的比较,并进行了实例演示,希望能帮助到有需要的朋友们。
    2016-07-07

最新评论