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>
分享到:
相关推荐
JavaScript操作剪贴板 javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器
js 实现 Javascript操作剪贴板! 值得下载看看!资源免费,大家分享!!
jquery-zclip框架demo,文件夹需要放到web工程目录下,动态拷贝textarea中的文本内容到系统clipboard中
网络上搜集的javascript对剪贴板的操作,兼容IE与FireFox
javascript 的execCommand和操作剪贴板的收集
javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器。 javascript可以使用window.clipboardData对象处理剪贴板内容...测试操作剪贴板</TITLE> </HEAD> [removed] function copyToClipboar
主要介绍了JS实现获取剪贴板内容的方法,涉及javascript基于clipboardData操作剪贴板的相关技巧,需要的朋友可以参考下
JS实现复制到剪贴板功能,使用ZeroClipboard
测试操作剪贴板 拷贝 显示 清空 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 下面是另一个例子实现页面中选中字符,并拖拉到文本区功能 注意其中的window.event.dataTransfer对象也可处理剪
1.怎样操作剪贴板,从而实现复制、剪切与粘贴?同时判断剪贴板里边的数据是否是文本? if (!IsClipboardFormatAvailable(CF_TEXT)) return; if (!OpenClipboard(hwndMain)) return; hglb = GetClipboardData...
<script type="text/javascript"> $(function(){ $("#copy").zclip({ path: "${basePath}/js/bbs/invite/...<script type="text/javascript" src="${basePath}/js/bbs/invite/jquery.zclip.min.js"></script>
今天看到有个Google Code的项目,叫ZeroClipboard,大意是使用flash作为媒介,将内容复制到...这比用纯javascript好,因为不同浏览器会出于安全的原因,有不同反应,例如IE会给出提示,有的浏览器不支持复制到剪贴板。
提供了对剪贴板的访问。 三个方法 1.clearData(sDataFormat) 删除剪贴板中指定格式的数据。 2.getData(sDataFormat) 从剪贴板获取指定格式的数据。 3.setData(sDataFormat, sData) 给剪贴板赋予指定格式的数据。...
共享剪辑Shareclip在多个设备上共享剪贴板。 在手机上复制并粘贴到桌面上! 谢谢: ,这是的node.js重写 ,这最初是他的想法快速开始需要安装 跑: npx shareclip资料下载注意:如果您已经安装了node.js(如果您不...
这就是剪贴板.js存在的原因。 安装 您可以在npm上获得它。 npm install clipboard --save 或者,如果您不参与包管理,则只需文件。 建立 首先,包括位于dist文件夹中的脚本,或从加载该脚本。 < script src =...
20.1 Javascript操作剪贴板 20.2 打开硬盘驱动器 20.3 单击加入收藏夹 20.4 复制标题和网址 20.5 关闭输入法 20.6 检测屏幕分辨率 20.7 检测系统信息 20.8 显示本地计算机信息 20.9 检测浏览器浏览过的站点数 20.10 ...
20.1 Javascript操作剪贴板 20.2 打开硬盘驱动器 20.3 单击加入收藏夹 20.4 复制标题和网址 20.5 关闭输入法 20.6 检测屏幕分辨率 20.7 检测系统信息 20.8 显示本地计算机信息 20.9 检测浏览器浏览过的站点数 20.10 ...
用法使用文档库操作将文件添加到剪贴板 文件被添加到文档库左侧边栏中的剪贴板视图中 附加的剪贴板菜单可用于复制,移动,链接或压缩剪贴板内容。建造要构建存储库和共享AMP文件,请运行 mvn clean package本地开发...