快捷導(dǎo)航

DOM_window對(duì)象屬性之--clipboardData對(duì)象操作代碼

更新時(shí)間：2011年02月03日 14:57:36 作者：

clipboardData 對(duì)象提供了對(duì)于預(yù)定義的剪貼板格式的訪問，以便在編輯操作中使用。

clipboardData 對(duì)象
提供了對(duì)于預(yù)定義的剪貼板格式的訪問，以便在編輯操作中使用。

成員表

方法描述
clearData 通過 dataTransfer 或 clipboardData 對(duì)象從剪貼板刪除一種或多種數(shù)據(jù)格式。
getData 通過 dataTransfer 或 clipboardData 對(duì)象從剪貼板獲取指定格式的數(shù)據(jù)。
setData 以指定格式給 dataTransfer 或 clipboardData 對(duì)象賦予數(shù)據(jù)。

示例
下面的例子使用了 clipboardData 對(duì)象的 setData 和 getData 方法通過快捷菜單執(zhí)行剪切粘貼操作。

復(fù)制代碼代碼如下:

 
<SCRIPT> 
var bResult; 
// 選中要剪切的文本。在剪切事件中文本選中區(qū)的尾隨空格導(dǎo)致剪 
// 切選快捷菜單項(xiàng)目保持無效。 
function fnLoad() { 
var r = document.body.createTextRange(); 
r.findText(oSource.innerText); 
r.select(); 
} 

// 啟用剪切快捷菜單項(xiàng)目，該項(xiàng)目在 DIV 上時(shí)默認(rèn)為無效 
function fnBeforeCut() { 
event.returnValue = false; 
} 

// 以文本格式給 window.clipboardData 對(duì)象賦予數(shù)據(jù)。 
// 將 setData 方法的結(jié)果 (Boolean) 顯示在下面的輸入框內(nèi)。 
function fnCut(){ 
event.returnValue = false; 
bResult = window.clipboardData.setData("Text",oSource.innerText); 
oSource.innerText = ""; 
tText.innerText += bResult; 
} 

// 啟用粘貼快捷菜單項(xiàng)目，該項(xiàng)目在 DIV 上時(shí)默認(rèn)也為無效 
function fnBeforePaste() { 
event.returnValue = false; 
} 

// 在 onpaste 中取消 returnValue 以便輸入文本，該操作有默認(rèn) 
// 的行為。 
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 結(jié)果:</SPAN> 
<INPUT CLASS="clsText" ID="tText" TYPE="text" READONLY VALUE="" SIZE="6" TABINDEX="-1"> 

</BODY> 