今天我们来讲讲jQuery方面的知识。

本文实例讲述了jQuery往textarea光标所在位置插入文本的方法。分享给大家供大家参考。具体实现方法如下:

<html>
<head>
&lt;script src=&quot;<a href="http://www.cfei.net/archives/tag/jquery" title="浏览关于“jquery”的文章" target="_blank" class="tag_link">jquery</a>-1.8.1.min.js&quot;&gt;&lt;/script&gt;
&lt;script &gt;
$(function() {
 /* 在textarea处插入文本--Start */
 (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(&quot;character&quot;, wee + t);
    t &lt;= 0 ? sel.moveStart(&quot;character&quot;, wee - 2 * t - myValue.length) : sel.moveStart( &quot;character&quot;, 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);
 /* 在textarea处插入文本--Ending */
});
$(document).ready(function(){
 $(&quot;#ch_button&quot;).click( function () { 
 $(&quot;#test_in&quot;).insertContent(&quot;&lt;upload/day_140627/201406271546349972.jpg&gt;&quot;); 
 });
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body &gt;
&lt;button id=&quot;ch_button&quot; value=&quot;插入&quot; &gt;插入&lt;/button&gt;
&lt;textarea name=&quot;content&quot; id=&quot;test_in&quot; rows=&quot;30&quot; cols=&quot;100&quot;&gt;
&lt;/textarea&gt;
&lt;/body&gt;
&lt;/html&gt;

希望本文所述对大家的jQuery程序设计有所帮助。

因为水平有限,难免有疏忽或者不准确的地方,如有错误地方,麻烦到飞网论坛反馈一下,我会及时改正。一切为了知识的分享。

再次感谢大家关注飞网。