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 相关文章推荐
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
May 22 Javascript
jQuery的ready方法详解
Nov 27 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
Nov 29 Javascript
jQuery 移动端artEditor富文本编辑器
Jan 11 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
JS从数组中随机取出几个数组元素的方法
Aug 02 Javascript
简单实现js悬浮导航效果
Feb 05 Javascript
jQuery EasyUI ProgressBar进度条组件
Feb 28 Javascript
js原生方法被覆盖,从新赋值原生的方法
Jan 02 Javascript
mocha的时序规则讲解
Feb 16 Javascript
js实现前端界面导航栏下拉列表
Aug 27 Javascript
Vue如何循环提取对象数组中的值
Nov 18 Vue.js
基于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动态创建Web站点的方法
2011/08/14 PHP
基于curl数据采集之正则处理函数get_matches的使用
2013/04/28 PHP
PHP实现获取某个月份周次信息的方法
2015/08/11 PHP
js本身的局限性 别让javascript做太多事
2010/03/23 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
2011/07/15 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
2013/03/12 Javascript
如何用js 实现依赖注入的思想,后端框架思想搬到前端来
2015/08/03 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
JS匿名函数实例分析
2016/11/26 Javascript
js实现自动轮换选项卡
2017/01/13 Javascript
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
2017/03/03 Javascript
使用ionic播放轮询广告的实现方法(必看)
2017/04/24 Javascript
JavaScript生成简单等差数列
2017/11/28 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
Angular+Ionic使用queryParams实现跳转页传值的方法
2020/09/05 Javascript
详解Python的collections模块中的deque双端队列结构
2016/07/07 Python
详解Python读取配置文件模块ConfigParser
2017/05/11 Python
Python编程django实现同一个ip十分钟内只能注册一次
2017/11/03 Python
Python爬虫实现爬取京东手机页面的图片(实例代码)
2017/11/30 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
Django实战之用户认证(初始配置)
2018/07/16 Python
利用ctypes获取numpy数组的指针方法
2019/02/12 Python
windows安装TensorFlow和Keras遇到的问题及其解决方法
2019/07/10 Python
python中的&amp;&amp;及||的实现示例
2019/08/07 Python
Python传递参数的多种方式(小结)
2019/09/18 Python
拿来就用!Python批量合并PDF的示例代码
2020/08/10 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
python实现数学模型(插值、拟合和微分方程)
2020/11/13 Python
工商管理系学生的自我评价分享
2013/11/29 职场文书
保证书格式范文
2014/04/28 职场文书
学雷锋的心得体会
2014/09/04 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
工作年限证明模板
2015/06/15 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书