DOM_window对象属性之--clipboardData对象操作代码_Javascript教程-查字典教程网
DOM_window对象属性之--clipboardData对象操作代码
DOM_window对象属性之--clipboardData对象操作代码
发布时间:2016-12-30 来源:查字典编辑
摘要:clipboardData对象提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。成员表方法描述clearData通过dataTran...

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 ID="oSource" onbeforecut="fnBeforeCut()" <SPAN>oncut</SPAN>="fnCut()">选中并剪切此文本</DIV>

<DIV ID="oTarget" onbeforepaste="fnBeforePaste()" <SPAN>onpaste</SPAN>="fnPaste()">将文本粘贴在这里</DIV><BR>

<SPAN>setData 结果:</SPAN>

<INPUT ID="tText" TYPE="text" READONLY VALUE="" SIZE="6" TABINDEX="-1">

</BODY>

注意代码中的,oncut、onpaste事件

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类