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

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