DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> DOM_window對象屬性之--clipboardData對象操作代碼
DOM_window對象屬性之--clipboardData對象操作代碼
編輯:關於JavaScript     
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事件
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved