js复制剪切应该很简单

最新推荐文章于 2023-04-06 19:55:57 发布

binbinxyz

最新推荐文章于 2023-04-06 19:55:57 发布

阅读量811

点赞数

分类专栏： javascript web页面文章标签： javascript js

本文链接：https://blog.csdn.net/binbinxyz/article/details/48974537

版权

javascript 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

web页面

20 篇文章 0 订阅

订阅专栏

复制文本到系统剪切板应该不难。它应该不需要一堆的步骤去配置或加载数百KB的资源。并且，它也应该不需要依赖Flash或者任何臃肿的框架。

资源下载地址：http://download.csdn.net/detail/binbinxyz/9163419

	<body>
Demo 1<br/>
<!-- Target -->
<input id="foo" value="http://blog.csdn.net/binbinxyz">
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
    <img src="#" alt="Copy to clipboard">
</button>
<br/><br/>

Demo 2<br/>
<button class="btn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js">
    Copy to clipboard
</button>
<br/><br/>

Demo 3<br/>
<!-- Target -->
<textarea id="bar">Mussum ipsum cacilds...</textarea>
<!-- Trigger -->
<button class="btn" data-clipboard-action="cut" data-clipboard-target="#bar">
    Cut to clipboard
</button>
<br/><br/>

	</body>

	<script src="./clipboard.min.js"></script>
	<script type="text/javascript">
		new Clipboard('.btn');
	</script>

更多用法请参考：http://zenorocha.github.io/clipboard.js/