jQuery往textarea中遊標所在位置插入文字的方法

首頁

web前端

js教程

jQuery往textarea中遊標所在位置插入文字的方法_jquery

May 16, 2016 pm 03:52 PM

jquery textarea 游標文字

本文實例講述了jQuery往textarea中遊標所在位置插入文字的方法。分享給大家供大家參考。具體實作方法如下：

&lt;html&gt;
&lt;head&gt;
&lt;script src="jquery-1.8.1.min.js"&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("character", wee + t);
    t &lt;= 0 &#63; 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);
 /* 在textarea处插入文本--Ending */
});
$(document).ready(function(){
 $("#ch_button").click( function () { 
 $("#test_in").insertContent("&lt;upload/day_140627/201406271546349972.jpg&gt;"); 
 });
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body &gt;
&lt;button id="ch_button" value="插入" &gt;插入&lt;/button&gt;
&lt;textarea name="content" id="test_in" rows="30" cols="100"&gt;
&lt;/textarea&gt;
&lt;/body&gt;
&lt;/html&gt;

登入後複製

希望本文所述對大家的jQuery程式設計有所幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn