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

　　推荐阅读

　　基于jquery的jqDnR拖拽溢出的修改

本文标题：DOM_window对象属性之--clipboardData对象操作代码

地址：http://www.17bianji.com/kaifa2/JS/24954.html

1/2 1