zoukankan      html  css  js  c++  java
  • jQuery在textarea光标处插入文本

    /** 
     * @param $ 
     * 自定义jQuery扩展方法, 在光标处插入内容 
     */  
    (function ($) {  
        "use strict";  
        $.fn.extend({  
            insertAtCaret : function (myValue) {  
                var $t = $(this)[0];  
                if (document.selection) {  
                    this.focus();  
                    var sel = document.selection.createRange();  
                    sel.text = myValue;  
                    this.focus();  
                } 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;  
                    } else {  
                        this.value += myValue;  
                        this.focus();  
                    }  
            }  
        });  
    })(jQuery);  
    

      调用方法:$("textarea").insertAtCaret("要出入的文本");

    
    
  • 相关阅读:
    jsonp与promise封装
    屏幕自适应问题与tab状态更新数据问题
    插槽问题
    如何封装一个组件
    在url中带参数
    vuex中mapGetters,mapActions
    eventBus 与 this.$emit
    4.24上交作业
    4.23作业
    4.17作业
  • 原文地址:https://www.cnblogs.com/YuanFan123/p/8892073.html
Copyright © 2011-2022 走看看