zoukankan      html  css  js  c++  java
  • 使用JS在textarea在光标处插入内容

        // 在光标处插入字符串
        // myField    文本框对象
        // myValue 要插入的值
        function insertAtCursor(myField, myValue)
        {
            //IE support
            if (document.selection)
            {
                myField.focus();
                sel            = document.selection.createRange();
                sel.text    = myValue;
                sel.select();
            }
            //MOZILLA/NETSCAPE support
            else if (myField.selectionStart || myField.selectionStart == '0')
            {
                var startPos    = myField.selectionStart;
                var endPos        = myField.selectionEnd;
                // save scrollTop before insert
                var restoreTop    = myField.scrollTop;
                myField.value    = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
                if (restoreTop > 0)
                {
                    // restore previous scrollTop
                    myField.scrollTop = restoreTop;
                }
                myField.focus();
                myField.selectionStart    = startPos + myValue.length;
                myField.selectionEnd    = startPos + myValue.length;
            } else {
                myField.value += myValue;
                myField.focus();
            }
        }
           function insertText() {
                var obj = document.getElementById("文本框");
                var str = "[#$%$#]插入的内容";
                   if (document.selection) {
                       obj.focus();
                       var sel = document.selection.createRange();
    
                       sel.text = str;
    
                   } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
                       var startPos = obj.selectionStart;
                       var endPos = obj.selectionEnd;
                        var tmpStr = obj.value;
                        obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
                    } else {
                        obj.value += str;
                }
            }
    //jQuery光标处插入文本
    
            $(document).ready(function () {
                $("#btnInsert").click(function () {
                    var obj = $("#txtquestion").get(0);
                    var str = "[#$%$#]";
                    if (document.selection) {
                        obj.focus();
                        var sel = document.selection.createRange();
                        sel.text = str;
                    } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
                        var startPos = obj.selectionStart;
                        var endPos = obj.selectionEnd;
                        var tmpStr = obj.value;
                        obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
                    } else {
                        obj.value += str;
                    
                });
            });
            (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);
  • 相关阅读:
    Web Storage中的sessionStorage和localStorage
    Javascrip获取页面URL信息
    SqlServer 查看备份文件中逻辑文件信息的Sql语句
    实用ExtJS教程100例-011:ExtJS Form 使用JSON数据赋值和取值
    实用ExtJS教程100例-010:ExtJS Form异步加载和提交数据
    实用ExtJS教程100例-009:ExtJS Form无刷新文件上传
    实用ExtJS教程100例-008:使用iframe填充ExtJS Window组件
    实用ExtJS教程100例-007:ExtJS中Window组件最小化
    实用ExtJS教程100例-006:ExtJS中Window的用法示例
    实用ExtJS教程100例-005:自定义对话框Ext.MessageBox.show
  • 原文地址:https://www.cnblogs.com/hnsongbiao/p/6032053.html
Copyright © 2011-2022 走看看