js 如何实现将div内的内容放到剪切板?

2025-03-23 14:37:07
推荐回答(4个)
回答1:

定义如下JS函数,然后DIV触发onclick 事件就OK。
function CopyUrl()
{
var htm = document.getElementById("yourdiv").innerHTML;
window.clipboardData.setData('text', htm);
}

yourdiv 就是你的div的ID

回答2:

独立的js库Zero Clipboard简单实现复制到剪贴板功能



Zero Clipboard Test













温馨提示:需要使用服务器环境,不然看不到效果的~

回答3:

点击剪切的时候 以变量的方式把div里的内容暂存到js里,等下次黏贴的时候再取来用

回答4:

//复制剪帖板
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("内容已复制到剪贴板了");
}