js 如何实现将div内的内容放到剪切板？
js如何实现将div内的内容放到剪切板？我有一个div里面是一段文字。我想实现点击“复制”触发一个事件，将一个div的内容复制到剪切板中，鼠标点击右键就可以将其粘贴出来。...
js 如何实现将div内的内容放到剪切板？我有一个div里面是一段文字。我想实现点击 “复制”触发一个事件，将一个div的内容复制到剪切板中，鼠标点击右键就可以将其粘贴出来。
展开
4个回答
展开全部
定义如下JS函数，然后DIV触发onclick 事件就OK。
function CopyUrl()
{
var htm = document.getElementById("yourdiv").innerHTML;
window.clipboardData.setData('text', htm);
}
yourdiv 就是你的div的ID
function CopyUrl()
{
var htm = document.getElementById("yourdiv").innerHTML;
window.clipboardData.setData('text', htm);
}
yourdiv 就是你的div的ID
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
独立的js库Zero Clipboard简单实现复制到剪贴板功能
<!DOCTYPE html>
<html>
<head>
<title>Zero Clipboard Test</title>
<meta charset="utf-8">
</head>
<body>
<!--
说明：
1.data-clipboard-target 输入要复制的对象的ID
-->
<button id="d_clip_button" class="my_clip_button" data-clipboard-target="fe_text"><b>复制到剪贴板</b></button>
<br/>
<textarea id="fe_text" cols="50" rows="3">输入需要复制的内容</textarea>
</body>
</html>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script type="text/javascript">
// 定义一个新的复制对象
var clip = new ZeroClipboard( document.getElementById("d_clip_button"), {
moviePath: "ZeroClipboard.swf"
} );
// 复制内容到剪贴板成功后的操作
clip.on( 'complete', function(client, args) {
alert("复制成功，复制内容为："+ args.text);
} );
</script>
温馨提示：需要使用服务器环境，不然看不到效果的~
<!DOCTYPE html>
<html>
<head>
<title>Zero Clipboard Test</title>
<meta charset="utf-8">
</head>
<body>
<!--
说明：
1.data-clipboard-target 输入要复制的对象的ID
-->
<button id="d_clip_button" class="my_clip_button" data-clipboard-target="fe_text"><b>复制到剪贴板</b></button>
<br/>
<textarea id="fe_text" cols="50" rows="3">输入需要复制的内容</textarea>
</body>
</html>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script type="text/javascript">
// 定义一个新的复制对象
var clip = new ZeroClipboard( document.getElementById("d_clip_button"), {
moviePath: "ZeroClipboard.swf"
} );
// 复制内容到剪贴板成功后的操作
clip.on( 'complete', function(client, args) {
alert("复制成功，复制内容为："+ args.text);
} );
</script>
温馨提示：需要使用服务器环境，不然看不到效果的~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
点击剪切的时候 以变量的方式把div里的内容暂存到js里，等下次黏贴的时候再取来用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
//复制剪帖板
function CopySome(str){
if(document.all){
window.clipboardData.setData("Text",str);
}
}
var str;
function copyOrderInfo()
{
str="您好!客服 我已经预订下列订单。";
str+="\n\r用户:"+document.getElementById("txt_uid").value;
str+="\n\r订单编号:"+document.getElementById("labOrderId").innerHTML;
str+="\n\r订单金额:"+document.getElementById("labFare").innerHTML;
str+="\n\r行程:"+document.getElementById("Label1").innerHTML;
str+="\n\r请尽快帮忙处理。";
CopySome(str);
alert("内容已复制到剪贴板了");
}
function CopySome(str){
if(document.all){
window.clipboardData.setData("Text",str);
}
}
var str;
function copyOrderInfo()
{
str="您好!客服 我已经预订下列订单。";
str+="\n\r用户:"+document.getElementById("txt_uid").value;
str+="\n\r订单编号:"+document.getElementById("labOrderId").innerHTML;
str+="\n\r订单金额:"+document.getElementById("labFare").innerHTML;
str+="\n\r行程:"+document.getElementById("Label1").innerHTML;
str+="\n\r请尽快帮忙处理。";
CopySome(str);
alert("内容已复制到剪贴板了");
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
