当前位置：首页 > 资讯 > 技术文档

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

时间：2022-11-18 15:50 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery实现在textarea指定位置插入字符或表情的方法

本文实例讲述了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);

2. 调用方法

[u]复制代码[/u] 代码如下:

$("#textareaId").insertAtCaret("新表情");

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

全部评论(0)

上一篇：Android编程开发实现TextView显示表情图像和文字的方法
下一篇：使MySQL能够存储emoji表情字符的设置教程

资讯排行榜
更多>>