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 相关文章推荐
对YUI扩展的Gird组件 Part-1
Mar 10 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
Javascript判断图片尺寸大小实例分析
Jun 16 Javascript
jQuery中$.click()无效问题分析
Jan 29 Javascript
javascript变量声明实例分析
Apr 25 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
Dec 10 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
AngularJS通过$sce输出html的方法
Sep 22 Javascript
jquery实现自适应banner焦点图
Feb 16 Javascript
Bootstrap按钮组实例详解
Jul 03 Javascript
使用react render props实现倒计时的示例代码
Dec 06 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自定义函数收代码
2010/08/01 PHP
php+Memcached实现简单留言板功能示例
2017/02/15 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
php微信开发之关注事件
2018/06/14 PHP
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
2010/06/25 Javascript
利用jq让你的div居中的好方法分享
2013/11/21 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
2013/12/11 Javascript
JavaScript strike方法入门实例(给字符串加上删除线)
2014/10/17 Javascript
js点击选择文本的方法
2015/02/09 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
import与export在node.js中的使用详解
2017/09/28 Javascript
JS实现小球的弹性碰撞效果
2017/11/11 Javascript
vue结合axios与后端进行ajax交互的方法
2018/07/06 Javascript
vue-cli脚手架的安装教程图解
2018/09/02 Javascript
vue.js 实现点击按钮动态添加li的方法
2018/09/07 Javascript
angular8和ngrx8结合使用的步骤介绍
2019/12/01 Javascript
javascript实现点击产生随机图形
2021/01/25 Javascript
[00:12]DAC2018 Miracle-站上中单舞台,他能否再写奇迹?
2018/04/06 DOTA
Python3计算三角形的面积代码
2017/12/18 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
python实现百度OCR图片识别过程解析
2020/01/17 Python
Python RabbitMQ实现简单的进程间通信示例
2020/07/02 Python
深入分析python 排序
2020/08/24 Python
如何提高MySql的安全性
2014/06/19 面试题
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
金融专业应届生求职信
2013/11/02 职场文书
新学期开学寄语
2014/01/18 职场文书
监察建议书范文
2014/03/12 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
中学生社区服务活动报告
2015/02/05 职场文书
超搞笑婚前保证书
2015/05/08 职场文书
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript