兼容主流浏览器的【表情插入】源码
作者:meteoric_cry 来源:51js 时间:2010-07-02 13:02:00
有空余的时候自己写了一下,代码没有进行很好的规整。如果发现bug请及时通告我,谢谢
主要功能:
1、点击插入表情,可选择表情进行插入(是UBB代码) 图片直接用了新浪微博的
2、每次操作完成后,光标移到文本夫域的最后
3、当显示表情时,点击网页空白处隐藏表情面板
直接上代码了:
思路相对比较简单:监听文本域的一些事件,获取当前的选区start与end位置;然后赋给它的一个自定义属性;这样就相当于保存了它的选区了
需要插入内容时,它的值 = elem.value.slice(0, start) + "需要插入的内容" + elem.value.slice(end) ;
然后将文本域的选区移到最后,再让其获得焦点就可以了
显示表情面板时,监听document.body的click事件,一旦触发则隐藏面板
监控面板的click
标签:表情,浏览器,兼容
0
投稿
猜你喜欢
网页中插入视频播放代码全集
2007-10-22 17:48:00
ASP 80040e14错误的解决方法
2011-03-17 11:21:00
网页设计趋势之:”勾引”用户的按钮
2009-02-17 12:09:00
Oracle学习笔记(五)
2012-01-05 18:52:30
ASP去掉字符串头尾连续回车和空格的Function
2011-04-03 11:13:00
Javascript:keyCode键盘键码值表
2008-02-21 13:16:00
如何Restore数据库备份文件?
2009-11-02 20:20:00
是时候不用考虑基于字体大小(em)的设计了
2009-10-24 13:25:00
MYSQL教程:my.cnf缓存优化
2009-07-30 08:58:00
Pivot,信息组织的梦想之窗
2009-12-25 14:32:00
asp日期时间格式化函数
2009-12-14 12:56:00
Oracle PL/SQL入门慨述
2010-07-18 12:57:00
比较规范的验证Email地址是否正确的正则表达式
2009-07-28 17:55:00
MS SQL7.0的数据迁移到MySQL上的一种方法
2008-11-01 16:59:00
ASP关于SQL插入数据后获得当前ID
2010-01-24 19:55:00
CSS技巧及常见问题列表
2008-04-06 14:00:00
几款优秀的中文字体设计
2008-03-24 17:25:00
SQL语句更改表所有者
2010-02-04 09:12:00
ACCESS数据库转换MYSQL数据库的软件
2007-09-20 20:06:00
注册表单之电子邮箱
2008-08-19 17:58:00