textarea在光标位置添加内容

左手的ㄟ右手 2022-03-11 08:10 374阅读 0赞

(function($)    
\{    
 $.fn.extend(    
 \{    
     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);

上面代码放于jQuery的入口函数内部即可。

用法：通过textarea直接调用此方法即可，

如在id为textarea1的文本域插入字符串123：

$(\#textarea1).insertContent("123");

转自[https://blog.csdn.net/SudaDays/article/details/79289159][https_blog.csdn.net_SudaDays_article_details_79289159]

[https_blog.csdn.net_SudaDays_article_details_79289159]: https://blog.csdn.net/SudaDays/article/details/79289159

发表评论取消回复

表情：

评论列表（有 0 条评论，374人围观）

还没有评论，来说两句吧...

相关阅读

相关 input、textarea设置光标位置 | ele.setSelectionRange()

> 点击按钮触发textarea的focus时，默认光标的位置在最左边； > > 需求：focus时让光标的位置处于最右侧 -------------------- C

拼搏现实的明天。/ 2023年02月20日 02:58/ 0 赞/ 257 阅读

相关 JS在TextArea光标位置插入文字+移动光标到文字末尾

=IE支持document.selection =Firefox，Chrome,Safari以及Opera都有selectionStart和selectionEnd属性

墨蓝/ 2022年10月01日 05:55/ 0 赞/ 187 阅读

相关 javascript获取textarea光标选择位置和内容方法(IE, Firefox)

FROM:http://blog.csdn.net/liujin4049/archive/2006/09/19/1244065.aspx 在网上用baidu找

逃离我推掉我的手/ 2022年08月24日 04:06/ 0 赞/ 204 阅读

相关光标所在位置插入一串字符，并在特定位置设置光标锁定位置

在写一个小型的编辑器时，有很多的鼠标点击事件，用于设定markdown语法。那么如何获取光标的所在位置，并插入一串字符，且将光标定位到特定位置？接下来就是在网上查看的方法

喜欢ヅ旅行/ 2022年07月28日 09:22/ 0 赞/ 240 阅读

相关控制台控制光标位置

问题描述：通过控制光标位置，在控制台上打印如下面语句: 输入第十天的果子数:\_\_ 个其中\_\_是让用户填入的一个正整数，并且在用户输入的过程中，“个”会跟随着数

矫情吗；*/ 2022年06月16日 06:59/ 0 赞/ 261 阅读

相关 js 在div光标位置加入内容

完整代码，可以自己测试 div指定位置插入内容 <html> <head></head> <body> <img id="pic"

ゝ一世哀愁。/ 2022年04月16日 04:12/ 0 赞/ 254 阅读

相关 Range - 获取光标位置

Range简介 Range就是通过鼠标或者键盘或者代码选中的一段内容，这段内容浏览器会将其封装成一个Range对象。获取光标位置 Chrome用getBound

「爱情、让人受尽委屈。」/ 2022年03月26日 00:58/ 0 赞/ 278 阅读

相关 textarea在光标位置添加内容

(function($) \{ $.fn.extend( \{ insertContent : function(myValue,

左手的ㄟ右手/ 2022年03月11日 08:10/ 0 赞/ 375 阅读

相关 extjs4.x 在textareafield中的光标位置动态插入内容

Ext.onReady(function() { Ext.create('Ext.panel.Panel', { bodyPadding : 5,

男娘i/ 2021年12月24日 05:53/ 0 赞/ 245 阅读

相关 TextArea中定位光标位置

在项目中，遇到一个场景：希望能在TextArea中输入某条记录中的明细(明细较简单，没有附属信息，只用记录顺序和值即可，譬如用“+”号来作为明细分隔符：1+1.5+2+

朱雀/ 2021年12月15日 12:45/ 0 赞/ 357 阅读