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 相关文章推荐
从面试题学习Javascript 面向对象(创建对象)
Mar 30 Javascript
JSON辅助格式化处理方法
Mar 26 Javascript
一个JS函数搞定网页标题(title)闪动效果
May 13 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
Bootstrap CSS组件之导航条(navbar)
Dec 17 Javascript
js自定义弹框插件的封装
Aug 24 Javascript
React Native仿美团下拉菜单的实例代码
Aug 08 Javascript
微信小程序实现星级评分和展示
Jul 05 Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 Javascript
详解vue高级特性
Jun 09 Javascript
Vue实现可移动水平时间轴
Jun 29 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
重料打造自己的“宝马”---第三代
2021/03/02 无线电
PHP 线程安全与非线程安全版本的区别深入解析
2013/08/06 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
javascript判断用户浏览器插件安装情况的代码
2011/01/01 Javascript
Javascript 多浏览器兼容总结(实战经验)
2013/10/30 Javascript
js arguments,jcallee caller用法总结
2013/11/30 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
2013/12/19 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
JSON字符串和对象之间的转换详解
2015/05/26 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
js实现选中页面文字将其分享到新浪微博
2015/11/05 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
node.js学习之事件模块Events的使用示例
2017/09/28 Javascript
JavaScript程序设计高级算法之动态规划实例分析
2017/11/24 Javascript
基于vue 动态加载图片src的解决方法
2018/02/05 Javascript
浅谈React之状态(State)
2018/09/19 Javascript
创建Vue项目以及引入Iview的方法示例
2018/12/03 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
2019/04/17 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
vue elementui tree 任意级别拖拽功能代码
2020/08/31 Javascript
VUE项目实现主题切换的多种方法
2020/11/26 Vue.js
[03:09]2014DOTA2国际邀请赛 赛场上的美丽风景线 中国Coser也爱DOTA2
2014/07/20 DOTA
Python中装饰器高级用法详解
2017/12/25 Python
简单了解Java Netty Reactor三种线程模型
2020/04/26 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
美国真皮手袋品牌:GiGi New York
2017/03/10 全球购物
医学生职业生涯规划书范文
2014/03/13 职场文书
cf战队收人广告词
2014/03/14 职场文书
部门年终奖分配方案
2014/05/07 职场文书
2014年人力资源工作总结
2014/11/19 职场文书
会计人员岗位职责
2015/02/03 职场文书
员工担保书范本
2015/09/22 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书
Python可视化神器pyecharts之绘制地理图表练习
2022/07/07 Python