`
kenshinlk
  • 浏览: 116618 次
  • 性别: Icon_minigender_1
  • 来自: 广东.佛山.南海
社区版块
存档分类
最新评论

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>
分享到:
评论
2 楼 softor 2012-10-11  
刚测试了一下,博主的第一种复制到剪贴板的方法在Chrome下不好使~
1 楼 sonicluo3 2009-04-23  
刚测试了一下,博主的第一种复制到剪贴板的方法只适用于IE

相关推荐

    JavaScript操作剪贴板

    JavaScript操作剪贴板 javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器

    js 实现 Javascript操作剪贴板

    js 实现 Javascript操作剪贴板! 值得下载看看!资源免费,大家分享!!

    js实现剪贴板操作

    jquery-zclip框架demo,文件夹需要放到web工程目录下,动态拷贝textarea中的文本内容到系统clipboard中

    javascript实现剪贴板复制粘贴

    网络上搜集的javascript对剪贴板的操作,兼容IE与FireFox

    javascript 的execCommand和操作剪贴板

    javascript 的execCommand和操作剪贴板的收集

    代码详解JS操作剪贴板

    javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器。 javascript可以使用window.clipboardData对象处理剪贴板内容...测试操作剪贴板&lt;/TITLE&gt; &lt;/HEAD&gt; [removed] function copyToClipboar

    JS实现获取剪贴板内容的方法

    主要介绍了JS实现获取剪贴板内容的方法,涉及javascript基于clipboardData操作剪贴板的相关技巧,需要的朋友可以参考下

    ZeroClipboard-JS实现复制到剪贴板功能

    JS实现复制到剪贴板功能,使用ZeroClipboard

    IE下通过JS控制剪贴板的代码

    测试操作剪贴板 拷贝 显示 清空 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面是另一个例子实现页面中选中字符,并拖拉到文本区功能 注意其中的window.event.dataTransfer对象也可处理剪

    [js]javascript与剪贴板交互

    1.怎样操作剪贴板,从而实现复制、剪切与粘贴?同时判断剪贴板里边的数据是否是文本? if (!IsClipboardFormatAvailable(CF_TEXT)) return; if (!OpenClipboard(hwndMain)) return; hglb = GetClipboardData...

    jquery.zclip.js复制到剪贴板

    &lt;script type="text/javascript"&gt; $(function(){ $("#copy").zclip({ path: "${basePath}/js/bbs/invite/...&lt;script type="text/javascript" src="${basePath}/js/bbs/invite/jquery.zclip.min.js"&gt;&lt;/script&gt;

    GWT中复制到剪贴板 js+flash实现复制 兼容性比较好

    今天看到有个Google Code的项目,叫ZeroClipboard,大意是使用flash作为媒介,将内容复制到...这比用纯javascript好,因为不同浏览器会出于安全的原因,有不同反应,例如IE会给出提示,有的浏览器不支持复制到剪贴板。

    js 剪切板应用clipboardData详细解析

    提供了对剪贴板的访问。 三个方法 1.clearData(sDataFormat) 删除剪贴板中指定格式的数据。 2.getData(sDataFormat) 从剪贴板获取指定格式的数据。 3.setData(sDataFormat, sData) 给剪贴板赋予指定格式的数据。...

    shareclip:跨平台(Windows,macOS,Linux,Android)共享剪贴板

    共享剪辑Shareclip在多个设备上共享剪贴板。 在手机上复制并粘贴到桌面上! 谢谢: ,这是的node.js重写 ,这最初是他的想法快速开始需要安装 跑: npx shareclip资料下载注意:如果您已经安装了node.js(如果您不...

    剪贴板.js:现代复制到剪贴板。 没有闪光灯。 压缩后只有3kb

    这就是剪贴板.js存在的原因。 安装 您可以在npm上获得它。 npm install clipboard --save 或者,如果您不参与包管理,则只需文件。 建立 首先,包括位于dist文件夹中的脚本,或从加载该脚本。 &lt; script src =...

    程序天下:JavaScript实例自学手册

    20.1 Javascript操作剪贴板 20.2 打开硬盘驱动器 20.3 单击加入收藏夹 20.4 复制标题和网址 20.5 关闭输入法 20.6 检测屏幕分辨率 20.7 检测系统信息 20.8 显示本地计算机信息 20.9 检测浏览器浏览过的站点数 20.10 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    20.1 Javascript操作剪贴板 20.2 打开硬盘驱动器 20.3 单击加入收藏夹 20.4 复制标题和网址 20.5 关闭输入法 20.6 检测屏幕分辨率 20.7 检测系统信息 20.8 显示本地计算机信息 20.9 检测浏览器浏览过的站点数 20.10 ...

    alfresco-share-clipboard:Alfresco Share的剪贴板实现

    用法使用文档库操作将文件添加到剪贴板 文件被添加到文档库左侧边栏中的剪贴板视图中 附加的剪贴板菜单可用于复制,移动,链接或压缩剪贴板内容。建造要构建存储库和共享AMP文件,请运行 mvn clean package本地开发...

Global site tag (gtag.js) - Google Analytics