登录

js html5复制文字,复制内容,剪切文字,支持高级浏览器的复制

我来纠错
//方法一 : IE浏览器复制文字方法
window.clipboardData.setData("Text",'文字已经复制成功啦!');

//方法二 : html5浏览器复制文字方法
<!--  data-clipboard-action=""支持copy和cut ,data-clipboard-target=""支持#id和.class-->
<div class="btn" data-clipboard-action="copy" data-clipboard-target="#divId" style=" position: absolute; left: 0; top: 0;">复制</div>

<script type="text/javascript" src="http://webmiji.baoqianduan.com/demo/down/clipboard.min.js"></script>
<script type="text/javascript">

//这样调用一下即可实现复制功能。注:不依赖jquery
var clipboard = new Clipboard('.btn');

//复制成功后的回调
clipboard.on('success', function(e) {   
	console.info('Action:', e.action); 
	console.info('Text:', e.text); 
	console.info('Trigger:', e.trigger);   
	//e.clearSelection();  //取消被复制文字的选中状态
}); 

//复制失败后的回调
clipboard.on('error', function(e) {   
	console.error('Action:', e.action);   
	console.error('Trigger:', e.trigger);   
}); 
</script>
发送
热门关键词:
命令
知识类型:
标题描述:
详细解答:

提交审核您编辑的知识会经过 前端大牛 人工审核。