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以上浏览器
javascript 的execCommand和操作剪贴板的收集
js 实现 Javascript操作剪贴板! 值得下载看看!资源免费,大家分享!!
网络上搜集的javascript对剪贴板的操作,兼容IE与FireFox
用JavaScript将信息拷贝到剪贴板的方法,zeroclipboard 1.3.5。包含例子。
jquery的一个插件,可以实现丰富样式的tip提示.使用起来很方便,体积超级小.但是必须结合jquery 1.3以上版本的js库才可以运行.
使用剪贴板上传文件,使用JavaScript在web中上传文件,代码不完整,只是提供思路,使用剪贴板上传文件,使用JavaScript在web中上传文件,代码不完整,只是提供思路
javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器。 javascript可以使用window.clipboardData对象处理剪贴板内容。 保存到剪贴板的方法setData(param1, param2)。 param1 :数据类型 text 或 URL...
clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中。它不依赖flash,使用非常简单。
主要介绍了JS实现获取剪贴板内容的方法,涉及javascript基于clipboardData操作剪贴板的相关技巧,需要的朋友可以参考下
[js]javascript与剪贴板交互
最近一个活动页面中有一个小需求,用户点击或者长按就可以复制内容到剪贴板,记录一下实现过程和遇到的坑,需要的朋友可以参考下
JavaScript实现复制或剪切内容到剪贴板功能的方法_.docx
javascript可以使用window.clipboardData对象处理剪贴板内容 保存到剪贴板的方法 setData(param1, param2) param1 :数据类型 text 或 URL等. param2 :数据内容 从剪贴板读出数据的方法 getdata(param1) 清空数据的...
JavaScript复制内容到剪切板示例, JavaScript复制内容到剪切板示例代码 JavaScript复制内容到剪切板示例简单小例子
一段多浏览器的"复制到剪贴板"javascript代码.docx
用JavaScript操作Sql Server的留言板 全部代码 !)_@ 仅用于学习 我知道JavaScript操作Sql当然不安全~别人可以直接下载js代码就可以查看到sql帐户~ 请注意~仅用于学习 (具体资料可以查看里面 ReadMe.html...
一个Sketch插件,将任何选定的图层复制到剪贴板,作为可以直接粘贴到Framer原型的代码
Vue.js剪贴板安装npm install-保存v-clipboard从“ vue”导入Vue从“ v-clipboard”导入剪贴板Vue.use(Clipboard)使用当包含v-clipboard指令的元素为Vue.js剪贴板时install --save v-clipboard从'vue'导入Vue从'v-...
主要介绍了irefox中通过JavaScript复制数据到剪贴板的方法,可以跨浏览器使用,大家可以使用看看