博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在textarea中鼠标指定的位置插入字符或表情
阅读量:6975 次
发布时间:2019-06-27

本文共 1013 字,大约阅读时间需要 3 分钟。

有些时候我们已经在textarea中输入了一些字符,然后想在鼠标指定的位置插入表情或者字符,这就需要用到jquery的一个小插件了。

代码如下:

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

我们写个小页面,测试一下该插件。

			

显示如下:

转载于:https://www.cnblogs.com/jkko123/p/9264418.html

你可能感兴趣的文章
【初級篇】华为NAT技术(静态NAT)
查看>>
Android telephony MMS 学习笔记
查看>>
LVM动态扩容、缩减
查看>>
winform 窗体关闭事件
查看>>
socket编程
查看>>
MySQL 表空间管理
查看>>
我的友情链接
查看>>
Spring Boot 应用教程
查看>>
嵌入式Linux裸机开发(五)——SDRAM初始化
查看>>
Mysql采坑只utf8
查看>>
Pdf Convert Image 的解决方案
查看>>
做一个项目时遇到中文乱码,于是在入口文件加了个header("Content-type:text/html;charset=utf-8");结果一刷新网页就自动下载本网页文件;...
查看>>
【巧妙消维DP】【HDU2059】龟兔赛跑
查看>>
(转)软件开发和团队”最小模式”初探2-6人模型(上)
查看>>
泛型类、泛型方法、类型通配符的使用
查看>>
知识分析作业(二)-----朴素贝叶斯
查看>>
2012CSU_ACM集训中期检测 简要题解
查看>>
DOS命令如何进入指定的下一级目录?
查看>>
python——continue的应用
查看>>
java基础之二分法查找
查看>>