在文本框中插入@对象
2017-07-20 00:00
162 查看
一、在文本框中插入@对象
二、在文本框中插入@对象(包含在文本中输入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(); 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);
相关文章推荐
- 去除Word中插入的Visio对象的空白
- 在RichEdit控件中插入OLE对象(ActiveX控件)
- 以图标方式插入对象
- excel不能插入对象,EXCEL“不能启动此对象的源应用程序
- informix如何插入BYTE大对象
- 在文本框的光标处插入指定的文本(兼容IE6和Firefox)
- PPT里快速插入适合文本框大小的图片
- 插入文本到文本框里的光标所在位置
- 操作Word对象----在指定位置插入图片并设置大小(原)
- 得到文本框选中的文字,动态插入文字
- thinkPHP 无法create,无法插入数据,提示非法数据对象
- 13 插入Excel OLE对象到PI ProcessBook
- ibatis批量插入对象
- 项目总结--maven+springsecurity+solr+springmvc+hibernate 延迟加载处理+hibernate sql对象处理(sql执行插入)+spring注解方式+邮件 + JNDI+项目框架写法+jasperreprot的简单应用
- [待解决]违反了 PRIMARY KEY 约束 'T_FileType_PK'。不能在对象 'dbo.T_FileType' 中插入重复键。语句已终止。
- map容器对象插入数据的4种方式讲解
- 反射生成 INSERT 多个对象的 SQL 语句(批量插入)
- python list 有序插入新对象
- 在文本框光标位置插入字符和图片
- 点击按钮插入文字在文本框