搜索:
首页 >> JavaScript >> Js实例技巧 >> 兼容主流浏览器的【表情插入】源码

兼容主流浏览器的【表情插入】源码

2010-7-2 作者:meteoric_cry 来源:51js 投递文章

有空余的时候自己写了一下,代码没有进行很好的规整。如果发现bug请及时通告我,谢谢  

主要功能:
1、点击插入表情,可选择表情进行插入(是UBB代码)  图片直接用了新浪微博的   
2、每次操作完成后,光标移到文本夫域的最后
3、当显示表情时,点击网页空白处隐藏表情面板

直接上代码了:

[提示:你可先修改部分代码,再按运行]

思路相对比较简单:监听文本域的一些事件,获取当前的选区start与end位置;然后赋给它的一个自定义属性;这样就相当于保存了它的选区了

需要插入内容时,它的值 =  elem.value.slice(0, start) + "需要插入的内容" + elem.value.slice(end) ;
然后将文本域的选区移到最后,再让其获得焦点就可以了

显示表情面板时,监听document.body的click事件,一旦触发则隐藏面板
监控面板的click

Tags:表情  浏览器  兼容 
相关文章
手机版 Js实例技巧 Asp之家 Aspxhome.com
闽ICP备06017341号