移动光标到相应的文本（比如项目中，插入了图片之后，即在插入的地方显示光标）

       在选定的文本框中，点击了光标，进行了额外的操作，比如说，进行图片的插入、表情的插入之后，如果是直接在改dom元素中进行focus操作的话，光标的位置会直接放置文本的最后，而不是我们期望的放置在插入位置的最后。

要想改变这个光标的正确的返回位置的话，那么就得封装一个方法，用来对光标位置的移动。

项目中的代码如下：(该项目建立在vue的基础上，用vue2的注册组件方法ref绑定了元素进行操作，具体看如下的注释）

          ...

        sendEmoji (item) {//点击了标签图片的方法

            let _self = this,//将vue用变量存储

            msgTextarea = _self.$refs.msg_textarea,//vue的注册组件以后，调用DOM的方法

            cursorIndex = 0,//光标在文本框中的位置

            comment =  _self.comment;//vue中的评论内容

            if (document.selection) {

                // IE Support（测试了一下，ie11也不走这里了，其它版本的ie没有细看）

                msgTextarea.focus ();

                let range = document.selection.createRange();

                range.moveStart ('character', -msgTextarea.value.length);

                cursorIndex = range.text.length;

            }else if (msgTextarea.selectionStart || msgTextarea.selectionStart==0) {

                // another support

                cursorIndex = msgTextarea.selectionStart;    

            }

            let commentLight = comment.substring(0, cursorIndex) + '【em'+item+'】';

            _self.comment = commentLight + comment.substring(cursorIndex, comment.length);

            this.$nextTick(function(){//方法解决异步问题， 获取更新后的DOM

                msgTextarea.focus();

                msgTextarea.selectionStart = msgTextarea.selectionEnd = commentLight.length;//这是最终的状态让 msgTextarea.selectionStart跟 msgTextarea.selectionEnd相等，这里是关键，必须要获取到对的位置

            })

            this.emojiShow = false;

        },

           ...

jq版：（这里可以修改成为js的代码，可以直接利用）

//文本框光标输入

          (function($) {

              $.fn.insertContent = function(myValue, t) {                 

                   var $t = $(this)[0];

                   if (document.selection) { //ie

                        this.focus();

                        var sel = document.selection.createRange();

                        sel.text = myValue;

                        this.focus();

                        sel.moveStart('character', -l);

                        var wee = sel.text.length;

                        if (arguments.length == 2) {

                             var l = $t.value.length;

                             sel.moveEnd("character", wee + t);

                             t <= 0 ? sel.moveStart("character", wee - 2 * t - myValue.length) : sel.moveStart("character", wee - t - myValue.length);

          

                             sel.select();

                        }

                   } else if ($t.selectionStart || $t.selectionStart == '0') {

                        var startPos = $t.selectionStart;

                        var endPos = $t.selectionEnd;

                        var scrollTop = $t.scrollTop;

                        $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);

                        this.focus();

                        $t.selectionStart = startPos + myValue.length;

                        $t.selectionEnd = startPos + myValue.length;

                        $t.scrollTop = scrollTop;

                        if (arguments.length == 2) {

                             $t.setSelectionRange(startPos - t, $t.selectionEnd + t);

                             this.focus();

                        }

                   }

                   else {

                        this.value += myValue;

                        this.focus();

                   }

             };

          })(jQuery);