clipboardData 对象

最新推荐文章于 2019-11-23 23:10:07 发布
最新推荐文章于 2019-11-23 23:10:07 发布
阅读量734 收藏
点赞数
分类专栏： JavaScript 文章标签： function microsoft class div internet input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fanhgye/article/details/2142302
版权

 

提供了对于预定义的剪贴板格式的访问，以便在编辑操作中使用。
成员表
下面的表格列出了 clipboardData 对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。 

通过 dataTransfer 或 clipboardData 对象从剪贴板删除一种或多种数据格式。
通过 dataTransfer 或 clipboardData 对象从剪贴板获取指定格式的数据。
以指定格式给 dataTransfer 或 clipboardData 对象赋予数据。

 
注释
clipboardData 对象是为通过编辑菜单、快捷菜单和快捷键执行的编辑操作所保留的。该对象使用系统剪贴板传送信息并保留至下一个编辑操作冲掉它。数据传送的格式特别适合于多次粘贴相同的数据。
此对象在 Microsoft® Internet Explorer 5 的脚本中可用。
示例
下面的例子使用了 clipboardData 对象的 setData 和 getData 方法通过快捷菜单执行剪切粘贴操作。
<SCRIPT>
var bResult;
// 选中要剪切的文本。在剪切事件中文本选中区的尾随空格导致剪
// 切选快捷菜单项目保持无效。
function fnLoad() {
var r = document.body.createTextRange();
r.findText(oSource.innerText);
r.select();
}
// 启用剪切快捷菜单项目，该项目在 DIV 上时默认为无效
function fnBeforeCut() {
event.returnValue = false;
}
// 以文本格式给 window.clipboardData 对象赋予数据。
// 将 setData 方法的结果 (Boolean) 显示在下面的输入框内。
function fnCut(){
event.returnValue = false;
bResult = window.clipboardData.setData("Text",oSource.innerText);
oSource.innerText = "";
tText.innerText += bResult;
}
// 启用粘贴快捷菜单项目，该项目在 DIV 上时默认也为无效
function fnBeforePaste() {
event.returnValue = false;
}
// 在 onpaste 中取消 returnValue 以便输入文本，该操作有默认
// 的行为。
function fnPaste() {
event.returnValue = false;
oTarget.innerText = window.clipboardData.getData("Text");
}
</SCRIPT>
</HEAD>
<BODY οnlοad="fnLoad()" TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="fixed" BGCOLOR="#FFFFFF"
LINK="#000000" VLINK="#808080" ALINK="#000000">
<DIV CLASS="clsSource" ID="oSource" onbeforecut="fnBeforeCut()" oncut="fnCut()"> 选中并剪切此文本</DIV>
<DIV CLASS="clsTarget" ID="oTarget" onbeforepaste="fnBeforePaste()" οnpaste="fnPaste()"> 将文本粘贴在这里</DIV><BR>
<SPAN CLASS="clsData">setData 结果:</SPAN>
<INPUT CLASS="clsText" ID="tText" TYPE="text" READONLY VALUE="" SIZE="6" TABINDEX="-1">
</BODY>
 
fanhgye
关注
专栏目录
javascript中clipboardData对象用法详解
12-09
本文实例讲述了javascript中clipboardData对象用法。分享给大家供大家参考。具体分析如下： clipboardData对象  ,注意网页里剪贴板到现在只能设置Text类型，即只能复制文本 clearData(“Text”)清空粘贴板 getData(“Text”)读取粘贴板的值 setData(“Text”,val)设置粘贴板的值 当复制的时候body的oncopy事件被触发,直接return false就是禁止复制,注意是不能复制网页里的文本了 <body oncopy=”alert(‘禁止复制!’);return false;”> 很多元素也有oncopy,onpaste
DOM_window对象属性之--clipboardData对象操作代码
09-05
`clipboardData`对象是`window`的一个属性，它允许开发者对用户的剪贴板进行读写操作，实现剪切、复制和粘贴的功能。这个对象主要在处理用户交互，特别是涉及到文本或数据的编辑操作时非常有用。 `clipboardData`...
JavaScript中的剪贴板的使用(clipboardData)
aiqixiao2017的博客
02-19 179
clipboardData 对象 提供了对剪贴板的访问。 三个方法 1.clearData(sDataFormat) 删除剪贴板中指定格式的数据。 ...
clipboardData
爱莫能助
04-28 1275
clipboardData对象 提供预定义的剪贴板格式用于编辑操作。 成员 的 clipboardData 对象有这些类型的成员: 方法属性 方法 的 clipboardData 这些方法对象。 方法 描述 clearData 删除一个或多个数据格式从剪贴板 dataTransfer 对象。 为 cli
firefox window.clipboardData.getData
c170331773的专栏
12-03 561
onpaste event example Play with this editor! Copy this text. Try pasting text into this area! .. //Firefox下Clipboard的读写js脚本 /***************************************...
javascript中clipboardData对象用法详解.docx
01-13
### JavaScript中的`clipboardData`对象用法详解 #### 一、引言 在现代Web开发中，用户交互体验越来越受到重视。其中，复制粘贴功能是用户与网页互动的重要方式之一。JavaScript提供了一种方法来操作剪贴板，即通过...
DOM_window对象属性之–clipboardData对象操作代码
12-10
其中，`window`对象的`clipboardData`属性提供了一个访问和操作用户剪贴板数据的途径，使得在网页中实现剪切、复制和粘贴功能成为可能。 `clipboardData`对象主要包含以下几个核心方法： 1. `clearData(format)`: ...
javascript clipboardData对象详解
limlimlim的专栏
12-19 5743
clipboardData对象     ,注意网页里剪贴板到现在只能设置Text类型，即只能复制文本 clearData("Text")清空粘贴板 getData("Text")读取粘贴板的值 setData("Text",val)设置粘贴板的值 当复制的时候body的oncopy事件被触发,直接return false就是禁止复制,注意是不能复制网页里的文本了 很多元素也有onco
JavaScript中的剪贴板(clipboardData)提供了对剪贴板的访问。
L-BAKE
09-28 992
<br />JavaScript中的剪贴板(clipboardData)提供了对剪贴板的访问。<br />三个方法<br />1.clearData(sDataFormat) 删除剪贴板中指定格式的数据。<br />2.getData(sDataFormat) 从剪贴板获取指定格式的数据。<br />3.setData(sDataFormat, sData) 给剪贴板赋予指定格式的数据。返回 true 表示操作成功。<br />例子<br /><script language="JavaScript"><b
js利用clipboardData实现截屏粘贴功能
10-21
主要为大家详细介绍了js利用clipboardData实现截屏粘贴功能,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
js 剪切板的用法(clipboardData.setData)与js match函数介绍
12-01
经常看到这样一种效果：就是单击一个按钮，就将某个区域内的内容，复制到了剪切板中。其实这个功能实现起来也不难，核心就是用到了window子对象clipboardData的一个方法：setData()语法：    clipboardData.setData(sDataFormat, sData) 参数：sDataFormat：要复制的内容的格式；sData：要复制的内容。 返回值：复制成功返回true；失败返回false。 代码如下:[removed]function jianqie(id){var id;var text=document.all(id)
js 剪切板应用clipboardData详细解析
01-21
注意：ie7，与ie8 对网页有个复制的权限，需在“安全”中的“自定义级别”的脚本中设置 clipboardData 对象 提供了对剪贴板的访问。 三个方法 1.clearData(sDataFormat) 删除剪贴板中指定格式的数据。 2.getData(sDataFormat) 从剪贴板获取指定格式的数据。 3.setData(sDataFormat, sData) 给剪贴板赋予指定格式的数据。返回 true 表示操作成功。 例子 [removed] <!– var text = “123”; if (!window.clipboardDa
利用clipboardData给剪贴板中符值
小马的专栏
03-20 851
document.body.oncopy=function(){event.returnValue=false;var t=document.selection.createRange().text;var s="本贴来自×××中文社区";clipboardData.setData(Text,/r/n+t+/r/n+s+/r/n/r/n/r/n/r/n);alert(请将复制内容
js 剪切板应用clipboardData
热门推荐
fox123871的专栏
05-30 1万+
注意：ie7，与ie8 对网页有个复制的权限，需在“安全”中的“自定义级别”的脚本中设置 clipboardData 对象 提供了对剪贴板的访问。 三个方法 1.clearData(sDataFormat) 删除剪贴板中指定格式的数据。 2.ge
【Flutter】四十四、Flutter粘贴板——Clipboard、ClipboardData
MAXLZ的博客
11-23 3641
Clipboard
深入解析javascript clipboardData对象的复制与粘贴功能
在JavaScript中，`clipboardData`对象是一个强大的工具，用于与浏览器的剪贴板交互，允许开发者实现文本复制、粘贴等操作。这个对象在处理网页内容的可复制性方面起着关键作用。以下是对`clipboardData`对象用法的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fanhgye

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值