Skip to content

bh-lay/Selection

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 

Selection

#一、简介

##1.1、Selection是什么 用来操作textarea的字符选择与获取选择状态的,对textarea插入字符操作的小类库。常用于社交类发布、评论类的操作。

##1.2、Selection目前有哪儿些内容?

  • 获取字符选择状态
  • 设置字符选择范围
  • 指定位置插入字符
  • 连续插入字符


#二、使用 加方框的为可选参数,如:[end]

##2.1、获取选择范围util.Selection

传入参数

  • {Object} dom 原生textarea DOM对象

返回值

  • {Array} selection 当前选择情况
  • {Number} selection[0] 光标起点
  • {Number} selection[1] 光标结束点
  • {String} selection[2] 当前选中的字符

###dome

    var selection = util.Selection(textarea);

##2.2、设置选择范围util.Selection

传入参数

  • {Object} dom 原生textarea DOM对象
  • {Number} start 选择的起始位置
  • {Number} [end] 选择的结束位置

###dome

    //设置光标点
    util.Selection(textarea,12);
    //选择字符
    util.Selection(textarea,12,23);

##2.3、插入字符util.insertTxt

传入参数

  • {Object} dom 原生textarea DOM对象
  • {String} text 需要插入的字符
  • {Number} [start] 选择的起始位置
  • {Number} [end] 选择的结束位置

###dome

    //自动判断插入点
    util.insertTxt(textarea,'你好');
    //指定插入点
    util.insertTxt(textarea,'你好',12);
    //替换部分文字
    util.insertTxt(textarea,'你好',12,15);

##2.4、Jquery插件方式 插件定义时会检测环境中是否存在jquery,如有则为jquery增加此功能,接收参数如util定义,隐式接收第一个参数DOM,仅为jquery对象的第一个dom执行对应方法。 ###字符操作

//获取光标位置
var selection =  $('textarea.test').Selection();
//设置光标点
$('textarea.test').Selection(12);
//选择字符
$('textarea.test').Selection(12,24);

///插入字符
//自动判断插入点
$('textarea.test').insertTxt('你好');
//指定插入点
$('textarea.test').insertTxt('你好',12);
//替换部分文字
$('textarea.test').insertTxt('你好',12,15);

About

处理textarea的选择与选择获取,插入字符等相关操作的小类库

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published