DOM_window对象属性之--clipboardData对象操作代码


Posted in Javascript onFebruary 03, 2011

clipboardData 对象
提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。

成员表

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

示例
下面的例子使用了 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 onload="fnLoad()" TOPMARGIN=0 LEFTMARGIN=0 BGPROPERTIES="fixed" BGCOLOR="#FFFFFF" 
LINK="#000000" VLINK="#808080" ALINK="#000000"> 
<DIV CLASS="clsSource" ID="oSource" onbeforecut="fnBeforeCut()" <SPAN style="COLOR: #ff0000">oncut</SPAN>="fnCut()">选中并剪切此文本</DIV> 
<DIV CLASS="clsTarget" ID="oTarget" onbeforepaste="fnBeforePaste()" <SPAN style="COLOR: #ff0000">onpaste</SPAN>="fnPaste()">将文本粘贴在这里</DIV><BR> 
<SPAN CLASS="clsData">setData 结果:</SPAN> 
<INPUT CLASS="clsText" ID="tText" TYPE="text" READONLY VALUE="" SIZE="6" TABINDEX="-1"> 
</BODY>

注意代码中的,oncut、onpaste事件
Javascript 相关文章推荐
初学prototype,发个JS接受URL参数的代码
Sep 25 Javascript
关于文本限制字数的js代码
Apr 02 Javascript
JQuery Tips(4) 一些关于提高JQuery性能的Tips
Dec 19 Javascript
JS动态添加option和删除option(附实例代码)
Apr 01 Javascript
JS定时关闭窗口的实例
May 22 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
Oct 25 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
js防抖和节流的深入讲解
Dec 06 Javascript
vue+SSM实现验证码功能
Dec 07 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
Apr 14 Javascript
基于jQuery的自动完成插件
Feb 03 #Javascript
jQuery初学:find()方法及children方法的区别分析
Jan 31 #Javascript
javascript event 事件解析
Jan 31 #Javascript
javascript getElementsByTagName
Jan 31 #Javascript
js对象数组按属性快速排序
Jan 31 #Javascript
javascript 节点排序 2
Jan 31 #Javascript
js自定义事件代码说明
Jan 31 #Javascript
You might like
php构造函数实例讲解
2013/11/13 PHP
PHP遍历文件夹与文件类及处理类用法实例
2014/09/23 PHP
php array_keys 返回数组的键名
2016/10/25 PHP
PHP编辑器PhpStrom运行缓慢问题
2017/02/21 PHP
php 多进程编程父进程的阻塞与非阻塞实例分析
2020/02/22 PHP
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
JavaScript 设计模式学习 Singleton
2009/07/27 Javascript
Firefox中autocomplete=&quot;off&quot; 设置不起作用Bug的解决方法
2011/03/25 Javascript
收集json解析的四种方法分享
2014/01/17 Javascript
ie浏览器使用js导出网页到excel并打印
2014/03/11 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)
2016/03/24 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
Javascript实现动态时钟效果
2018/11/17 Javascript
详解如何提升JSON.stringify()的性能
2019/06/12 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
vue 导航菜单刷新状态不消失,显示对应的路由界面操作
2020/08/06 Javascript
Python EOL while scanning string literal问题解决方法
2020/09/18 Python
Django自定义分页与bootstrap分页结合
2021/02/22 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
Python3实现统计单词表中每个字母出现频率的方法示例
2019/01/28 Python
Python+Selenium使用Page Object实现页面自动化测试
2019/07/14 Python
python实现静态服务器
2019/09/05 Python
python错误调试及单元文档测试过程解析
2019/12/19 Python
Django如何使用jwt获取用户信息
2020/04/21 Python
calendar在python3时间中常用函数举例详解
2020/11/18 Python
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
2017/03/15 HTML / CSS
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
传播学毕业生求职信
2013/10/11 职场文书
会计学个人自荐信模板
2013/12/13 职场文书
妇女儿童发展规划实施方案
2014/03/16 职场文书
初中运动会前导词
2015/07/20 职场文书