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


Posted in Javascript onMarch 11, 2015

本文实例讲述了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. 调用方法
$("#textareaId").insertAtCaret("新表情");

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

Javascript 相关文章推荐
JS实现浏览器菜单命令
Sep 05 Javascript
JavaScript 开发中规范性的一点感想
Jun 23 Javascript
JQuery中serialize() 序列化
Mar 13 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
JS本地刷新返回上一页代码
Jul 25 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
express文件上传中间件Multer详解
Oct 24 Javascript
解决Angular.Js与Django标签冲突的方案
Dec 20 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
微信小程序之多列表的显示和隐藏功能【附源码】
Aug 06 Javascript
详解JavaScript 的变量
Mar 08 Javascript
Vue中多元素过渡特效的解决方案
Feb 05 Javascript
jQuery实现统计输入文字个数的方法
Mar 11 #Javascript
jQuery处理json数据返回数组和输出的方法
Mar 11 #Javascript
jquery实现表格本地排序的方法
Mar 11 #Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 #Javascript
jQuery实现新消息闪烁标题提示的方法
Mar 11 #Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 #Javascript
JavaScript实现SHA-1加密算法的方法
Mar 11 #Javascript
You might like
1.PHP简介
2006/10/09 PHP
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
php实现兼容2038年后Unix时间戳转换函数
2015/03/18 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
jquery插件开发方法(初学者)
2012/02/03 Javascript
JsRender实用入门教程
2014/10/31 Javascript
再谈javascript原型继承
2014/11/10 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
2016/01/28 Javascript
angularjs实现文字上下无缝滚动特效代码
2016/09/04 Javascript
微信小程序 ES6Promise.all批量上传文件实现代码
2017/04/14 Javascript
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
javaScript中的空值和假值
2017/12/18 Javascript
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
TensorFlow 模型载入方法汇总(小结)
2018/06/19 Python
利用Pandas读取文件路径或文件名称包含中文的csv文件方法
2018/07/04 Python
Python迭代器与生成器基本用法分析
2018/07/26 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
使用Python脚本从文件读取数据代码实例
2020/01/19 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
python实现学生成绩测评系统
2020/06/22 Python
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
迪拜航空官方网站:flydubai
2017/04/20 全球购物
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
德国最大的婴儿用品网上商店:Kidsroom.de(支持中文)
2020/09/02 全球购物
医药代表个人求职信范本
2013/12/19 职场文书
会计专业毕业自荐书范文
2014/02/08 职场文书
师德模范事迹材料
2014/06/03 职场文书
2014应届本科生自我评价
2014/09/13 职场文书
逃课打麻将检讨书
2014/10/05 职场文书
2014乡镇党委副书记对照检查材料思想汇报
2014/10/09 职场文书
行政上诉状范文
2015/05/23 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python