文档章节

在文本框中插入@对象

 独孤梦杨柳
发布于 2017/07/20 23:31
字数 298
阅读 4
收藏 0

一、在文本框中插入@对象

var name = li.children("input[type=checkbox]").attr("data-name");
var textarea = li.parents(".comment-form").find(".comment-box textarea");
var content = textarea.val();
if (content.indexOf(name) < 0) {
    var startPos = textarea[0].selectionStart,//光标所选范围的起始位置
    endPos = textarea[0].selectionEnd,//光标所选范围的结束位置
    cursorPos = startPos,//当前焦点位置=起始位置
    content = content.substring(0, startPos) + " @" + name + " " 
      + content.substring(endPos, content.length);
    cursorPos = content.length; //当前焦点位置=文字尾部位置
    textarea[0].selectionStart = textarea[0].selectionEnd = cursorPos;
    textarea.val(content);
}

二、在文本框中插入@对象(包含在文本中输入name部分文字后自动搜索弹出选项插入name全部文字)

var name = li.children("input[type=checkbox]").attr("data-name");
var textarea = li.parents(".comment-form").find(".comment-box textarea");
var content = textarea.val();

var startPos = textarea[0].selectionStart,//光标所选范围的起始位置
endPos = textarea[0].selectionEnd,//光标所选范围的结束位置
cursorPos = startPos;//当前焦点位置=起始位置

var content2 = content.substring(0, startPos);
var start = content2.lastIndexOf("@");
if (content2.length - start > 1 && startPos >= start && start >= 0) {
    var key = content2.substring(start + 1, content2.length);
    console.log(name.indexOf(key));
    if (name.indexOf(key) >= 0) content = content.substring(0, start - 1) + " @" + name + " "
        + content.substring(endPos, content.length);
    else content = content.substring(0, startPos) + " @" + name + " " 
        + content.substring(endPos, content.length);
} else content = content.substring(0, startPos) + " @" + name + " " 
    + content.substring(endPos, content.length);
cursorPos = endPos; //当前焦点位置=文字尾部位置
textarea[0].selectionStart = textarea[0].selectionEnd = cursorPos;
textarea.val(content);

 

© 著作权归作者所有

粉丝 3
博文 37
码字总数 9732
作品 0
苏州
私信 提问
div+contenteditable 实现富文本发布框的小结

效果图和实现的功能 实现的效果图如下,主要实现的功能有 表情的插入 插入话题之后部分文字选中 文本框高度自适应 发送消息,获取发送框中的纯文本内容 placeholder的实现 输入文字的计数面板...

我的孫女叫小芳
03/11
0
0
Web测试中的界面测试用例设计(2)

二:查找替换操作 案例演示:打开word中的“替换”对话框。测试本功能有通过测试和失败测试两种情况 (1)通过测试: a、输入内容直接查找、或查找全部; b、在组合框中寻找已经查找过的内容、...

测试_给你一颗小瓜子
2017/08/07
0
0
如何才能在Pages中使用好MathType?

MathType不仅能与Windows系统中的Office完美兼容,也能与苹果系统中的办公软件兼容,大大方便广大苹果用户。但是MathType在Pages中使用时有一些操作与Win系统是不一样,需要用户加留心,那么...

MathType
2015/11/16
102
0
C# 操作Word文本框——插入图片、表格、文字、超链接等

概述 Text Box(文本框)是Word排版的工具之一。在Word文档中的任何地方插入文本框,可添加补充信息,放在合适的位置,也不会影响正文的连续性。我们可以设置文本框的大小,线型,内部边距,...

E_iceblue
2018/05/22
0
0
蓝飞/jquery-sina-emotion

jQuery Sina Emotion · 一个用于方便快速地创建新浪微博表情选择对话框的 jQuery 插件。 有何特点 使用简单,一行代码即可创创建出表情选择对话框 自带智能表情解析方法(但还是建议表情解析...

蓝飞
2018/01/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

64.监控平台介绍 安装zabbix 忘记admin密码

19.1 Linux监控平台介绍 19.2 zabbix监控介绍 19.3/19.4/19.6 安装zabbix 19.5 忘记Admin密码如何做 19.1 Linux监控平台介绍: 常见开源监控软件 ~1.cacti、nagios、zabbix、smokeping、ope...

oschina130111
今天
10
0
当餐饮遇上大数据,嗯真香!

之前去开了一场会,主题是「餐饮领袖新零售峰会」。认真听完了餐饮前辈和新秀们的分享,觉得获益匪浅,把脑子里的核心纪要整理了一下,今天和大家做一个简单的分享,欢迎感兴趣的小伙伴一起交...

数澜科技
今天
7
0
DNS-over-HTTPS 的下一代是 DNS ON BLOCKCHAIN

本文作者:PETER LAI ,是 Diode 的区块链工程师。在进入软件开发领域之前,他主要是在做工商管理相关工作。Peter Lai 也是一位活跃的开源贡献者。目前,他正在与 Diode 团队一起开发基于区块...

红薯
今天
8
0
CC攻击带来的危害我们该如何防御?

随着网络的发展带给我们很多的便利,但是同时也带给我们一些网站安全问题,网络攻击就是常见的网站安全问题。其中作为站长最常见的就是CC攻击,CC攻击是网络攻击方式的一种,是一种比较常见的...

云漫网络Ruan
今天
11
0
实验分析性专业硕士提纲撰写要点

为什么您需要研究论文的提纲? 首先当您进行研究时,您需要聚集许多信息和想法,研究论文提纲可以较好地组织你的想法, 了解您研究资料的流畅度和程度。确保你写作时不会错过任何重要资料以此...

论文辅导员
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部