jQuery實現在textarea指定位置插入字符或表情的方法

2024-05-06 16:16:30

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了jQuery實現在textarea指定位置插入字符或表情的方法,實例分析了jQuery操作表單元素的技巧,非常實用,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jQuery實現在textarea指定位置插入字符或表情的方法。分享給大家供大家參考。具體實現方法如下：

1. 函數定義

復制代碼代碼如下:

		(function($){
		    $.fn.extend({
		        insertAtCaret: function(myValue){
		            var $t=$(this)[0];
		            if (document.selection) {
		                this.focus();
		                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);