JavaScript操作剪贴板
JavaScript操作剪贴板
恋喵大鲤鱼
发布于 2018-08-03 03:05:02
发布于 2018-08-03 03:05:02
代码可运行
运行总次数：0
代码可运行
1.往剪切板写内容
下面代码实测对IE和Chrome内核浏览器有效。
方法：对标签内容选中后执行浏览器复制命令，复制到剪贴板。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS操作剪贴板</title>
</head>
<body>
<textarea cols="20" rows="10" id="biao">text</textarea>
<input type="button" onclick="writeToClipboard('写入剪贴板内容')" value="点击复制"/>
</body>
</html>
<script>
function writeToClipboard(txt)
{
var biao=document.getElementById("biao");
biao.value=txt;
biao.select(); //选择对象
document.execCommand("Copy"); //执行浏览器复制命令
alert("已复制好，可贴粘。");
}
</script>2.读剪贴板内容
在网页中一般是不允许访问剪贴板内容的，因为这样存在着很大的安全隐患。在IE和FireFox中剪贴板的访问是可控的，但是在Opera、Chrome、Safari浏览器中是不允许访问的，这样就产生了浏览器兼容的问题。
IE中可以通过window.clipboardData对象获取。
function getClipboard()
{
if(window.clipboardData)
{
return(window.clipboardData.getData('Text'));
}
return null;
}其它浏览器，目前没有统一的标准接口可以访问，但可以使用flash来间接获取，具体可以参考开源的Zero Clipboard来实现访问，参见：Zero Clipboard官网
我暂时没有找到切实可用的示例代码，有知道的网友请留言告知，万分感谢。
参考文献
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2018年03月07日，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
