兼容主流浏览器的【表情插入】源码
作者: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
投稿
猜你喜欢
DataGrid使用心得(调用及连接数据库等等)
2024-01-23 17:31:15
Python实现简单查找最长子串功能示例
2023-01-14 01:20:33
PHP使用观察者模式处理异常信息的方法详解
2023-10-19 15:53:30
Django 中使用日志的方法
2022-09-12 11:17:40
一个滑动展示的小代码
2011-07-01 12:58:05
python在windows调用svn-pysvn的实现
2022-03-15 05:13:48
数据库中identity字段不必是系统产生的唯一值 性能优化方法(新招)
2011-09-30 11:26:06
Python实现遗传算法(虚拟机中运行)
2022-07-10 18:48:07
使用tensorflow进行音乐类型的分类
2021-02-22 16:58:31
关于python 读取csv最快的Datatable的用法,你都学会了吗
2022-02-22 20:38:32
python字符串替换第一个字符串的方法
2021-08-16 13:55:47
GO语言实现文件上传代码分享
2023-07-22 10:56:33
Python利用递归和walk()遍历目录文件的方法示例
2021-08-06 00:02:54
mysql处理添加外键时提示error 150 问题的解决方法
2024-01-19 03:40:27
SQL的SUBSTR()函数使用介绍
2024-01-16 14:19:27
产品交互原型设计工具分享
2010-03-24 18:06:00
用Python实现协同过滤的教程
2023-08-30 12:28:55
php指定长度分割字符串str_split函数用法示例
2023-07-08 23:25:51
python3 拼接字符串的7种方法
2021-12-24 09:09:32
13个超酷的js显示时间效果
2007-08-30 09:52:00