用过jQuery的同学肯定都知道，jQuery有一个getJSON的方法，只需要两个参数（callback地址和匿名函数）就能正常工作。摘录官方示例如下：

很神奇吧！在这个例子中，我们并不用指定callback函数名，回调也仅仅只是一个匿名函数而已，那么它是怎么完成函数调用的呢？去看下jQuery的源代码，你会发现其实原理很简单。如果懒得看太多代码，看看下面我写的山寨版loadJSON，也能明白。

演示地址

UCRen是下面这样引入widget的（摘自这个页面）：

第一眼看到这段代码，我还在想这样写JS语法分析器不报错才怪，难道是让window.onerror返回true干掉了浏览器的错误提示？这样也太不和谐了吧！今天仔细看了看才明白了，这个script标签是有src属性的，这样写标签里的内容会被忽略掉，不会执行也不会报错。在src链入的cache-boot.js里可以用：

来得到那些神奇的代码，然后用正则解析成正常的script标签就OK了。原理不复杂，不过很有用。可以用它写出一些很有趣的代码来。

首先，我们来看网易邮箱是怎么解决这个问题的。我们在firefox下进到写邮件页面，点击编辑器上的全部功能，然后点击左边的“复制”按钮，“您的浏览器安全设置不允许编辑器自动执行拷贝操作,请使用键盘快捷键(Ctrl+C)来完成”，网易邮箱给了我们这么一个提示。我觉得这个解决方案可以得80分，因为它告诉了我们两个信息：其一，之所以复制操作没有完成是因为我的浏览器很安全，为了安全损失一点用户体验一般用户是可以接受的；其二，它还提示了我们可以通过键盘快捷键ctrl+c来完成操作，这对刚上网的新手来说很人性化。但是，有没有更好的解决方案呢？

网上大致有两种解决方案，一种是需要修改firefox配置，其实firefox也是支持复制的，但是需要到about:config里去手动开启，这里不做介绍了；另外一种解决方案是本文要用到的flash。因为flash可以方便的把文字拷贝到系统剪切板中，所以我们利用flash来做跳板，只需要一行代码就能搞定：

System.setClipboard(clipboard);

这句代码的含义后面还会提到。有了这个swf的跳板，剩下的工作就简单了，如果浏览器不支持window.clipboardData，就在复制的时候把内容传给这个flash，就OK了，关键代码如下：

测试地址

adobe的文档中对setClipboard有如下解释：

setClipboard

()

方法

public static function setClipboard(string:String):void

语言版本 :

ActionScript 3.0

Player 版本 :

Flash Player 9

用指定的文本字符串替换剪贴板的内容。

注意：出于安全方面的考虑，您无法读取系统剪贴板的内容。 换句话说，不存在相应的 System.getClipboard() 方法。

参数

string:String — 要放置在系统剪贴板上的纯文本字符串，用于替换系统剪贴板上的当前内容（如果有）。

由此可见，我们只能利用flash把文字复制到系统剪贴板中，而不能把系统剪切板中的内容拷贝出来。

设想有这么一种情况，在web页面上有一个模拟的弹出窗口，很流行的那种，然后我们监听keyup事件，如果发现keyCode等于27，也就是说用户按了ESC键的时候隐藏窗口，这样能方便一部分高级用户，Google文档也这么做。但是如果弹出窗口中有一个输入框，情况就不那么妙了。因为我们通常用的输入法都有一个候选词的浮动窗口，有时候打错字了需要关闭这个浮动框口也会用到ESC，这个时候你会发现一旦按下ESC，输入法的候选词窗口连同那个弹出层一起消失了。

实际上，这个问题很好解决，我们只要把keyup换成keydown、keypress中的任何一个就可以了，在有候选词窗口出现的情况下按ESC是不会触发keydown/keypress事件的。这种错误监听事件的现象不仅仅在web上才有。以前的baidu hi在 选择表情时，鼠标在同一个表情上来回晃动，预览区的图片会一直跳动，这个很神奇的bug就是因为hi错误地监听了每个表情的mousemove事件，导致鼠标一移动，预览区图片就重新加载，如果图片是gif格式的就始终在前几帧播放，所以看上去好像在跳动。另外以前在ubuntu下用过一个第三方的msn客户端，这个客户端在聊天窗口中按ESC会关闭当前聊天窗口，这没什么，官方的msn也是这样，但是郁闷的是在有候选词窗口的时候按ESC，聊天窗口一样会关闭，而且再次打开 之前辛辛苦苦敲进去的内容全没了，这种bug让人很无奈。

keydown,keyup,keypress在有输入法窗口时对ESC处理的差异

PS：由于朋友的网站最近无法访问，原来的QGY WebIM测试地址已经失效了，新的测试地址是http://anriy000.512j.com/webim/，另外我也暂时关闭了注册入口，新用户可以用匿名帐号登录测试，基本功能都可以使用。

由于我对php以及wp api还不很了解，所以这个插件主要是靠js来实现表情插入和呈现的。这样做有好处：由于是客户端用正则表达式将表情字符转换为表情图片，所以不会占用服务器任何资源。本插件实际运行效果见文后评论处。

默认表情是老版QQ的，为了减少请求次数，选择表情时用的一张大图片，所以看上去不会动，提交评论后表情字符会被gif小图替换，会动的。JS文件大小3k，加载起来应该很快。

下载地址：点击这里。主要也就是一段JS，稍微懂点JS知识的同学应该很容易改成自己想要的。

1.针对IE6以上(含)内核的浏览器，我们可以使用UserData 行为（userData Behavior）

说明：

userData 行为通过将数据写入一个UserData存储区（UserData store）来保存数据，userData可以将数据以XML格式保存在客户端计算机上，如果你用的是 Windows 2000 或者 Windows XP，是保存在C:\Documents and Settings\Liming\UserData\文件夹下（如果操作系统不是安装在C盘，那么C就应该是操作系统所在的分区）。该数据将一直存在，除 非你人为删除或者用脚本设置了该数据的失效期。userData行为提供了一个比Cookie更具有动态性和更大容量的数据结构。每页的UserData 存储区数据大小可以达到64 Kb，每个域名可以达到640 Kb。userData 行为通过sessions为每个对象分配UserData存储区。使用save和load方法将UserData存储区数据保存在缓存（cache）中。 一旦UserData存储区保存以后，即使IE浏览器关闭或者刷新了，下一次进入该页面，数据也能够重新载入而不会丢失。出于安全的考虑，相同协议使用同 一个文件夹保存UserData存储区数据。

使用：

（1）首先必须在行内或文档的head部分声明如下样式：

.userData {behavior:url(#default#userdata);}

或者使用如下js代码来声明：

document.documentElement.addBehavior(”#default#userdata”);

（2）成员：

expires 设置或取得使用userData行为保存数据的失效日期，使用方法：对象ID.expires = UTC格式的时间字符串；

getAttribute() 取得指定的属性值；

load(存储区名) 从userData存储区载入存储的对象数据；

removeAttribute() 删除指定的属性值；

save(存储区名) 将对象存储到一个userData存储区；

setAttribute() 设置指定的属性值；

XMLDocument 取得存储该对象数据的XML DOM引用

（3）示例：

document.documentElement.addBehavior("#default#userdata");

document.documentElement.load("t");

document.documentElement.setAttribute("value", "test");

document.documentElement.save("t");

2.针对Firefox2(含)以上内核的浏览器，我们可以使用globalStorage

说明：

This is a global object (globalStorage) that maintains multiple private storage areas that can be used to hold data over a long period of time (e.g. over multiple pages and browser sessions).

Specifically, the globalStorage object provides access to a number of different storage objects into which data can be stored. For example, if we were to build a web page that used globalStorage on this domain (developer.mozilla.org) we’d have the following storage object available to us:

globalStorage[’developer.mozilla.org’] – All web pages within the developer.mozilla.org sub-domain can both read and write data to this storage object.