JavaScript 操作剪贴板

最新推荐文章于 2024-06-16 17:45:08 发布

恋喵大鲤鱼

最新推荐文章于 2024-06-16 17:45:08 发布

阅读量3.3k

点赞数

分类专栏： ECMAScript

本文链接：https://blog.csdn.net/k346k346/article/details/79463233

版权

ECMAScript 专栏收录该内容

6 篇文章 3 订阅

订阅专栏

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官网

我暂时没有找到切实可用的示例代码，有知道的网友请留言告知，万分感谢。

参考文献

[1] Get current clipboard content?

恋喵大鲤鱼

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录