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);