您的位置:首页 - 教程 - JavaScript - 正文
clipboard.js文本复制到粘贴板功能
效果体验:http://hovertree.com/texiao/js/14/

<script src="http://hovertree.com/ziyuan/jquery/jquery-1.12.0.min.js"></script>
<link href="http://hovertree.com/texiao/js/14/hewenqi/hovertreetips.css" rel="stylesheet"/>
<script type="text/javascript" src="http://hovertree.com/texiao/js/14/js/clipboard.min.js"></script>
<div id="copydiv">这里是DIV中的文本,hovertree.com<br />
何问起,js复制内容到粘贴板。
</div>
<button type="button" id="hewenqicopy" data-clipboard-action="copy" data-clipboard-target="#copydiv" class="hovertreetips" title="点击复制">复制</button>

<br />
<div id="hewenqclipboard">
这里是第二个DIV的内容<br />
点击第二个安娜看看, 何问起,js复制内容到粘贴板。
</div>
<button type="button" id="hewenqicopy" data-clipboard-action="copy" data-clipboard-target="#hewenqclipboard" class="hovertreetips" title="点击复制">复制第二个div</button>
<script src="http://hovertree.com/texiao/js/14/js/hovertreetips.js"></script>

上面代码运行效果如下:
这里是DIV中的文本,hovertree.com
何问起,js复制内容到粘贴板。

这里是第二个DIV的内容
点击第二个安娜看看, 何问起,js复制内容到粘贴板。

评论: