代码详解JS操作剪贴板
更新时间：2018年02月11日 13:33:32 投稿：laozhang
本篇文章给大家介绍了如何用JS操作剪贴板的功能，并把实例代码做了分享，需要的朋友学习下吧。
javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器。
javascript可以使用window.clipboardData对象处理剪贴板内容。
保存到剪贴板的方法setData(param1, param2)。
param1 :数据类型 text 或 URL等。
param2 :数据内容。
从剪贴板读出数据的方法 getdata(param1)
清空数据的方法 clearData(param1)
<HTML>
<HEAD>
<TITLE>测试操作剪贴板</TITLE>
</HEAD>
<script>
function copyToClipboard()
{
var d=document.all("source").value;
window.clipboardData.setData('text',d);
}
</script>
<BODY>
<button onclick="copyToClipboard();">拷贝</button>
<input type="text" size=20 id="source" value="测试数据">
<br>
<button onclick="alert(window.clipboardData.getData('text'));">显示</button>
<button onclick="window.clipboardData.clearData('text');">清空</button>
</BODY>
</HTML>
下面是另一个例子实现页面中选中字符，并拖拉到文本区功能。注意其中的window.event.dataTransfer对象也可处理剪贴板内容，不过只能用在 drag-and-drop 操作中。
<HTML>
<HEAD>
<TITLE>测试操作剪贴板2</TITLE>
</HEAD>
<script>
function transferDrop() {
window.event.srcElement.innerText = window.event.dataTransfer.getData("text");
window.event.returnValue = false;
}
function transferDrag() {
window.event.dataTransfer.dropEffect = 'move';
window.event.returnValue = false;
}
</script>
<BODY>
<p id="mySource" ondragstart="window.event.dataTransfer.effectAllowed = 'move';">选择我们并把我们拖到下面的textarea</p>
<textarea id="myTarget" ondrop="transferDrop();" ondragover="window.event.returnValue = false;" ondragenter="transferDrag();">
</textarea>
</BODY>
</HTML>
相关文章
本文是笔者看了eventemitter3 和 Node.js 事件模块源码后实现的 EventEmitter 。JavaScript 事件很重要，希望看了这篇文章的你们能有所收获2018-03-03
这篇文章主要介绍了浅析Bootstrap验证控件的使用 的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要给大家介绍了关于JavaScript练习小项目之修改div块的颜色的相关资料,文中通过举例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-01-01
js前端技巧之图片格式转换(File、Blob、base64)
这篇文章主要给大家介绍了关于js前端技巧之图片格式转换(File、Blob、base64)的相关资料,主要记录一下比较常见的图片格式（File、Blob、base64）在不同的场景他们之间的相互转换的方法,需要的朋友可以参考下2023-04-04
正如标题所言使用js操作按下Enter焦点移至下一个控件，具体的实现示例如下，需要的朋友可以参考下2013-12-12
这篇文章主要介绍了小程序bindtap事件与冒泡阻止详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
这篇文章主要为大家详细介绍了js实现指定时间倒计时效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-08-08
这篇文章主要给大家介绍了关于如何利用JavaScript获取字符串中重复次数最多的字符的相关资料,文中介绍了两种解决方案,分别是使用对象以及数组&指针来实现,需要的朋友可以参考下2021-07-07
这篇文章主要介绍了JavaScript中的对象继承关系的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-08-08
echarts拖拽滑块dataZoom-slider自定义样式简单适配移动端
在电脑端和移动端的数据展示中,针对移动端的特殊性,进行了一系列优化措施,这篇文章主要介绍了echarts拖拽滑块dataZoom-slider自定义样式简单适配移动端的相关资料,需要的朋友可以参考下2024-09-09
最新评论