手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >DOM_window对象属性之--clipboardData对象操作代码
DOM_window对象属性之--clipboardData对象操作代码
摘要: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事件

【DOM_window对象属性之--clipboardData对象操作代码】相关文章:

JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

浅谈jQuery构造函数分析

javascript实现table表格隔行变色的方法

超级强大的表单验证

Java数据类型以及变量的定义

如何实现浏览器上的右键菜单

js对象和json对象互相转换的问题

JavaScript检测字符串中是否含有html标签实现方法

JS中Eval解析JSON字符串的一个小问题

javascript实现图片跟随鼠标移动效果的方法

精品推荐
分类导航