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

  这篇文章主要介绍了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程序设计有所帮助。

时间: 2024-10-22 00:01:37

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

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

本文实例讲述了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.createR

jQuery获取及设置表单input各种类型值的方法小结_jquery

本文实例讲述了jQuery获取及设置input各种类型值的方法.分享给大家供大家参考,具体如下: 获取一组radio被选中项的值 var item = $("input[@name=items]:checked").val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].s

js获取和设置属性的方法

 本篇文章主要是对js获取和设置属性的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: function square(num){     var total = num*num;//局部变量     return total; } var total = 50;//全局变量 var number = square(20); alert(total);//结果为50   function square(num){     total = num*num;//全局变量  

js使用DOM设置单选按钮、复选框及下拉菜单的方法

 这篇文章主要介绍了js使用DOM设置单选按钮.复选框及下拉菜单的方法,较为详细的分析了单选按钮.复选框及下拉菜单的具体用法及实现技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了js使用DOM设置单选按钮.复选框及下拉菜单的方法.分享给大家供大家参考.具体实现方法如下: 1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为ture时,其它的都

js使用DOM设置单选按钮、复选框及下拉菜单的方法_javascript技巧

本文实例讲述了js使用DOM设置单选按钮.复选框及下拉菜单的方法.分享给大家供大家参考.具体实现方法如下: 1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个.每一个都有checked属性,当一项选择为ture时,其它的都变为false. 先贴上一个例子: 复制代码 代码如下: <script type="text/javascript">     function ge

js实现鼠标点击文本框自动选中内容的方法_javascript技巧

本文实例讲述了js实现鼠标点击文本框自动选中内容的方法.分享给大家供大家参考.具体如下: 这里使用JS实现鼠标点击时自动选中文本框文本的效果,相信许多朋友都遇到这种功能的,就是当我们点击文本框的时候,文本框中默认的文字会被全部选中,这样当你输入的时候不用再去选择,省去了一些麻烦,提高了输入效率,用户肯定会喜欢这功能,那么实现的方法是怎么样呢?通过本代码你就搞明白了. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mouse-click

JavaScript和jQuery获取input框的绝对位置实现方法_javascript技巧

实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>javascript与jQu

JS如何实现文本框随文本的长度而增长_javascript技巧

本文实例讲述了JS实现文本框随文本的长度而增长的方法,具体实现方法如下: <!Doctype HTML PUBLIC "-//W3c//DTD Html 1.0 Transitional//EN"> <html> <head> <title>文本框随文本的宽度而增长</title> </head> <script type="text/javascript"> function ch

jQuery实现限制textarea文本框输入字符数量的方法_jquery

本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法.分享给大家供大家参考.具体实现方法如下: (function($) { $.fn.extend( { limiter: function(limit, elem) { $(this).on("keyup focus", function() { setCount(this, elem); }); function setCount(src, elem) { var chars = src.value.lengt