用 google docs 打开 pdf 文件，选中文本：

    表面上没有任何有趣的地方。但仔细一看，会发现选区的颜色是浅蓝色，而不是默认蓝。第一直觉是是有什么特殊的 CSS 属性，立马 firebug:

    不看不知道，一看真蹊跷。selection-highlight 是选区，选区下面是一张图片 page-image!

    于是立刻发现一个非常牛逼的特性：Ctrl + C 可以复制图片中的文字！

    google 太强悍了，好在前端代码都是开源的，下面简单分析下。

    首先数据在哪呢，这个比较容易找到，在 firebug 里有一个请求返回的数据如下：

    有了这份数据，就可以根据选区得到对应的文本。

    接下来的问题是，如何将文本放到剪贴板里？第一反应是用 flash 实现，但感觉 google 不会这么做。禁用掉 flash 插件后，功能正常，这说明是用 js 实现的。

    通过 Profile 工具 + Fiddler + 肉眼识别 + 运气，终于定位到了关键代码：

以下是代码片段：
n.am = function(a) { 
    if (! (!this.k.Ca && Mr(this, a))) { 
        ac && this.lf.focus(); 
        this.lf.select(); 
        Nr(this, a) 
    } 
};

    只要注释掉上面的代码，Ctrl + C 复制功能就无效。focus 和 select 为我们提供了进一步线索，在 HTML 里，发现了秘密：

    到此真相大白：当用户按下 Ctrl + C 时，js 会注入事件，首先根据坐标从数据里取出对应文本，然后将文本赋值给 textarea, 并将其激活和选中。这样，就和用户选中 textarea 的内容，再按下 Ctrl + C 的效果是一样了。

    强悍的 google, 技术创新无处不在！

    注意：利用 textarea 只能复制纯文本，如果想复制富文本，可以借鉴 google docs 编辑 Word 文档时的处理方式：采用 iframe 充当临时容器，有兴趣的可以进一步研究。

    简单演示：goog-docs-copy-demo.html

    发现这个秘密后，最近在疯狂搞编辑的牛人承玉（欢迎搞编辑器的其他牛人加盟）立刻想到了各大站长们非常喜爱的功能：附带警告信息的禁止copy. 据说，能成功复制的，都不是“人”。

    我的尝试是：点击按钮，复制指定文本到 Clipboard 里。应用场景是点击按钮复制证件号码等。尝试代码大家可以看上面 demo 页面源码中的注释。事件可以正常模拟并分发出去，但复制操作惨兮兮地失败了。感觉原因在于浏览器安全限制，对于触发的异步 Ctrl + C, 浏览器会限制其功能。

    Google 的产品里有很多秘密，真诱人，创意无限！

建议继续学习：

1. vim的复制粘贴小结    (阅读：6491)
2. VIM复制粘贴的那些事    (阅读：4014)
3. MySQL5.5复制/同步的新特性及改进    (阅读：3734)
4. MySQL复制的概述、安装、故障、技巧、工具    (阅读：3222)
5. MySQL Cluster 与 MongoDB 复制及分片设计及原理    (阅读：3218)
6. 快速复制一张大表讨论    (阅读：3164)
7. [MySQL优化案例] — slave延迟很大优化方法    (阅读：2635)
8. 用 JS 复制艺术    (阅读：1557)
9. 在 Linux 上复制和重命名文件    (阅读：788)