DOM_window对象属性之--clipboardData对象
clipboardData 对象
提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。
成员表
方法 描述 clearData 通过 dataTransfer 或 clipboardData 对象从剪贴板删除一种或多种数据格式。 getData 通过 dataTransfer 或 clipboardData 对象从剪贴板获取指定格式的数据。 setData 以指定格式给 dataTransfer 或 clipboardData 对象赋予数据。
示例
下面的例子使用了 clipboardData 对象的 setData 和 getData 方法通过快捷菜单执行剪切粘贴操作。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | < 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()" oncut="fnCut()">选中并剪切此文本</ DIV > < DIV CLASS="clsTarget" ID="oTarget" onbeforepaste="fnBeforePaste()" onpaste="fnPaste()">将文本粘贴在这里</ DIV >< BR > < SPAN CLASS="clsData">setData 结果:</ SPAN > < INPUT CLASS="clsText" ID="tText" TYPE="text" READONLY VALUE="" SIZE="6" TABINDEX="-1"> </ BODY > |
参考网站:http://www.phpx.com/man/dhtmlcn/objects/clipboardData.html
注意代码中的,oncut、onpaste事件
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步