定义如下JS函数，然后DIV触发onclick
事件就OK。
function
CopyUrl()
{
var
htm
=
documentgetElementById("yourdiv")innerHTML;
windowclipboardDatasetData('text',
htm);
}
yourdiv
就是你的div的ID
本篇文章不考虑浏览器兼容，谷歌浏览器亲测至少得88版本往上。Mac系统复制粘贴html数据，会自动加一些标签，小伙伴们自己测吧。一般需求用不着。
想要实现复制粘贴就只需要搞明白两件事就可以了。
第一就是如何往粘贴板里边存放数据，第二就是如何读取粘贴板里边的数据。
所 *** 作的数据大致可以分为三类数据 1：字符串 2：带样式的HTML 3： 还有其他数据格式，还请各位小伙伴补充指教吧。
① 如果只是放普通字符串是最简单的
② 想要放入带格式的数据，比如想要往word内粘贴一个表格，跟正常写html标签加写样式是一样的
③往粘贴板内放入,目前只支持放png
其实也可以用放HTML的方式，把放入粘贴板内
<input type="text" id="copyText" value="" style="color:#fff; background:#fff; border-color:#fff;border: 0; position:absolute; top:-50px; left:0;" />
<script type="text/jscript">
//复制文本
function copyText(str)
{
if(strlength >0)
{
$("#copyText")val(str);
//复制文本
var input = documentgetElementById("copyText");
inputvalue = str; // 修改文本框的内容
inputselect(); // 选中文本
documentexecCommand("copy"); // 执行浏览器复制命令
//layer提示框
layercloseAll('msg',{time:10000});
layermsg('<span style="color:red;">已复制：</span></br>'+str);
}
}
</script>
<a href="jscript:copyText('要复制的内容')">要复制的内容</a>
这是代码，这里的文本框不能设置隐藏，否则复制失效，所以我设置的样式让它在浏览器之外的地方，无法被看到
放文字试过，方没试过。
不过可以给你参考一下js～，你自己试试，成功了可以告诉我。
<script>
function copyToClipboard()
{
var d = documentall("source")value;
windowclipboardDatasetData('text', d);
}
</script>
<BODY>
<button onclick="copyToClipboard();">拷贝</button>
<input type="text" size=20 id="source" value="测试数据">
<br>
<button onclick="alert(windowclipboardDatagetData('text'));">显示</button>
<button onclick="windowclipboardDataclearData('text');">清空</button>
</BODY>
javascript代码
<SCRIPT LANGUAGE="JavaScript">
function copyText(text)
{
windowclipboardDatasetData("text",text);
}
</SCRIPT>
HTML代码
<body onload=copyText('123')>
</body>
以上就是关于js、jq实现获取当前页面光标选中的一段文本，然后复制到剪切板全部的内容，包括:js、jq实现获取当前页面光标选中的一段文本，然后复制到剪切板、JS原生 复制粘贴、js将内容放到剪贴板怎么写呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）