js提取指定网站内容(JS实现一键复制”的文章数不胜数(js实现)(组图))

　　js提取指定网站内容(JS实现一键复制”的文章数不胜数(js实现)(组图))

　　经常在网站上看到各种“一键复制”友好体验按钮，不限于代码复制。如此友好的体验和方便快捷的操作对游客来说是无害的。我在网上搜索了关于“JS实现一键复制”的文章无数。用的最多的就是通过clipboard.min.js实现拷贝，毕竟现在各种浏览器都禁用了Flash等等。看了几十个文章，但是没有WordPress插件，也没有纯代码，只能自己动手。已经超过2天了。在朋友的帮助下，实现了“一键复制指定内容”的功能，代码也集成到了文章编辑器中，还是很方便的。

　　在WordPress中实现一键复制指定内容的步骤

　　1、下载clipboard.js文件。clipboard.js 是github上的一个开源项目，可以实现将纯JavaScript（无Flash）的浏览器内容复制到系统剪贴板的功能。

　　PS：以本站下载的压缩包中的clipboard.min.js和amazeui.css文件为例。

　　2、将以下代码放入footer.php。请自行修改clipboard.min.js的路径。

　　3、 在header.php中引入如下amazeui.css文件。下面的amazeui-2.css文件介绍了未删减的版本。也可以使用压缩包中的amazeui.css文件，自己选择。

　　“样式表”href="">

　　4、 引用 文章 中的按钮代码。写文章时，把代码放在合适的位置，修改data-clipboard-text的值“copy content”为指定的内容。

　　"itemCopyam-btnam-btn-warningam-roundam-btn-xs"id="TKLS"type="button"data-clipboard-text="copy content">一键复制

　　建议将此功能集成到主题编辑器中，方便操作。如果对代码比较模糊，不知道如何修改CSS代码，建议不要修改中间的id和class部分。

　　到这里差不多就完成了，说实话，感觉有点粗糙。但是在摸索的路上，我收获了很多。也希望路过的大佬指点一下，优化一下代码。制作更好更方便的复印功能。具体效果请到本文原文地址，点击“一键复制”按钮试试效果。