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 相关文章推荐
jquery动态加载图片数据练习代码
Aug 04 Javascript
javascript使用avalon绑定实现checkbox全选
May 06 Javascript
js canvas实现QQ拨打电话特效
May 10 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
Aug 29 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
webpack打包js文件及部署的实现方法
Dec 18 Javascript
Vue.set()实现数据动态响应的方法
Feb 07 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
Vue中实现权限控制的方法示例
Jun 07 Javascript
vant 解决tab切换插件标题样式自定义的问题
Nov 13 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
延长phpmyadmin登录时间的方法
2011/02/06 PHP
简单的PHP多图上传小程序代码
2011/07/17 PHP
PHP爆绝对路径方法收集整理
2012/09/17 PHP
php比较两个绝对时间的大小
2014/01/31 PHP
php实现简单的语法高亮函数实例分析
2015/04/27 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
IE innerHTML,outerHTML所引起的问题
2009/06/04 Javascript
Javascript UrlDecode函数代码
2010/01/09 Javascript
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
详解开发react应用最好用的脚手架 create-react-app
2018/04/24 Javascript
详解vantUI框架在vue项目中的应用踩坑
2018/12/06 Javascript
jQuery实现弹幕特效
2019/11/29 jQuery
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
2020/05/28 Javascript
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
[02:22]《新闻直播间》2017年08月14日
2017/08/15 DOTA
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
对python读取zip压缩文件里面的csv数据实例详解
2019/02/08 Python
使用django的objects.filter()方法匹配多个关键字的方法
2019/07/18 Python
django实现将后台model对象转换成json对象并传递给前端jquery
2020/03/16 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
如何用python 操作zookeeper
2020/12/28 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
外贸业务员求职自荐信分享
2013/09/21 职场文书
人事专员岗位职责
2013/11/20 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
个人考核材料
2014/05/15 职场文书
2014审计局领导班子民主生活会对照检查材料思想汇报
2014/09/20 职场文书
2014年班务工作总结
2014/12/02 职场文书
关于感谢信的范文
2015/01/23 职场文书
事业单位聘任报告
2015/03/02 职场文书
导游词之湖北武当山
2019/09/23 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
react合成事件与原生事件的相关理解
2021/05/13 Javascript
Python使用OpenCV和K-Means聚类对毕业照进行图像分割
2021/06/11 Python