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

时间:2011-02-05 10:49:00 

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事件

标签:clipboardData,对象
0
投稿

猜你喜欢

  • Vue.js 加入高德地图的实现代码

    2024-05-28 15:51:31
  • TensorFlow中tf.batch_matmul()的用法

    2022-06-06 10:33:37
  • 基于mysql多实例安装的深入解析

    2024-01-21 01:59:27
  • javascript 函数调用的对象和方法

    2010-07-02 12:25:00
  • Python使用getpass库读取密码的示例

    2023-10-16 04:48:28
  • 避免重复写代码的小函数

    2008-09-21 13:41:00
  • jQuery在去除缓存数据的一个失误

    2009-12-14 20:40:00
  • 详解Python绘图Turtle库

    2021-11-29 05:42:06
  • python 计算方位角实例(根据两点的坐标计算)

    2023-08-01 09:30:54
  • 微信小程序实现登录注册tab切换效果

    2024-04-29 13:11:29
  • 你是真正的用户体验设计者吗? Ⅱ

    2008-03-21 12:30:00
  • python 实现红包随机生成算法的简单实例

    2022-07-07 17:32:48
  • SQL Server内存遭遇操作系统进程压榨案例分析

    2024-01-14 06:58:51
  • SQL语句中OR和AND的混合使用的小技巧

    2024-01-13 12:40:22
  • SQL Server 数据库基础编程详解

    2024-01-17 03:29:37
  • 答题辅助python代码实现

    2022-06-30 19:57:35
  • 关于WordPress的SEO优化相关的一些PHP页面脚本技巧

    2024-06-05 09:39:16
  • FP-growth算法发现频繁项集——构建FP树

    2022-04-26 16:22:52
  • Mysql脏页flush及收缩表空间原理解析

    2024-01-21 23:07:25
  • python matplotlib坐标轴设置的方法

    2022-03-26 03:44:04
  • asp之家 网络编程 m.aspxhome.com