前言

其实早在4月份就已经把功能做好了。当时刚看完《JavaScript DOM编程艺术》，糊里糊涂地就写了两天。

原文：利用JavaScript 为Typecho添加 复制代码 功能 仿csdn - 兔子昂

今天又花了一两个小时做出了插件。Plugin.php中的参数都没看懂，直接copy了别人的插件。

介绍

仿的CSDN，只有鼠标放到代码块，才会显示复制代码，鼠标从代码块移开，复制代码方框消失。支持一篇文章多个代码块的单独复制(这里实现比较心累，用到了闭包)。

效果如下图：

CodeCopy —— 用于Typecho 复制代码 插件

点击复制代码，会出现成功复制的提示。之后延迟一秒后，又会重置为复制代码。

使用

github地址：https://github.com/Tuziang/CodeCopy

1 Download ZIP 下载本插件
2 解压，把 CodeCopy-master 目录重命名为 CodeCopy 上传至博客的 /usr/plugins 目录下
3 在插件页面启用本插件

支持

以下浏览器均为最新版本。经过测试，都可以正常复制。

电脑
搜狗浏览器 √
谷歌浏览器 √
火狐浏览器 √
Microsoft Edge √
QQ浏览器 √

手机
腾讯浏览器 √
搜狗浏览器 √
QQ浏览器 √