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 相关文章推荐
javascript 播放器 控制
Jan 22 Javascript
javascript 多种搜索引擎集成的页面实现代码
Jan 02 Javascript
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
jQuery中unbind()方法用法实例
Jan 19 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
Aug 28 Javascript
Javascript字符串常用方法详解
Jul 21 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
Jan 04 Javascript
vue2 中如何实现动态表单增删改查实例
Jun 09 Javascript
把JavaScript代码改成ES6语法不完全指南(分享)
Sep 10 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
弱类型语言javascript中 a,b 的运算实例小结
Aug 07 Javascript
vue设置一开始进入的页面教程
Oct 28 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
在DC的漫画和电影中,蝙蝠侠的宿敌,小丑的真名是什么?
2020/04/09 欧美动漫
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
PHP的构造方法,析构方法和this关键字详细介绍
2013/10/22 PHP
codeigniter上传图片不能正确识别图片类型问题解决方法
2014/07/25 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
基于jquery的仿百度的鼠标移入图片抖动效果
2010/09/17 Javascript
JS模拟面向对象全解(二、类型与赋值)
2011/07/13 Javascript
NodeJS的模块写法入门(实例代码)
2012/03/07 NodeJs
常用Extjs工具:Extjs.util.Format使用方法
2012/03/22 Javascript
后台获取ZTREE选中节点的方法
2015/02/12 Javascript
微信JSSDK上传图片
2015/08/23 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
Angular2学习教程之组件中的DOM操作详解
2017/05/28 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
2018/12/03 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
js布局实现单选按钮控件
2020/01/17 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
Python while、for、生成器、列表推导等语句的执行效率测试
2015/06/03 Python
python七夕浪漫表白源码
2019/04/05 Python
python绘制评估优化算法性能的测试函数
2019/06/25 Python
基于Python实现剪切板实时监控方法解析
2019/09/11 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
Django多层嵌套ManyToMany字段ORM操作详解
2020/05/19 Python
美国购买汽车零件网站:Buy Auto Parts
2018/04/02 全球购物
母亲80寿诞答谢词
2014/01/16 职场文书
停课通知书
2015/04/24 职场文书
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python
分享几个实用的CSS代码块
2022/06/10 HTML / CSS