2007年8月9日 星期四

JavaScript 執行複製、貼上、剪下功能

透過 javascrip 去實作瀏覽器的複製、貼上、剪下  功能。目前介紹的語法,適用於 IE 5.0 以上。


複製:將某個 textbox 或 textarea 的內容複製。


<script language="JavaScript" type="text/javascript">

<!--

function addMyClipboard()

{

var r=document.Form1.txtClipboard.createTextRange();

r.execCommand("Copy");

}

//-->

</script>


其中的 txtClipboard 是畫面上的一個控制項。

<INPUT TYPE="text" id="txtClipboard">


除了使用 text 之外,也可適用於 textarea


當然,為了提高程式再利用率,可以將上述的程式更進一步寫成函式。


function addMyClipboard( obj)

{

    var r=obj.createTextRange();

    r.execCommand("Copy");

}


貼上:


首先,必須先將游標移到所要貼上的文字物件上,

我以一段 javascript 語法來說明:


document.Form1.TextBox1.focus();

document.execCommand("Paste");


剪下:


則將程式修改如下:


function cutMyClipboard(obj)

{

var r=obj.createTextRange();

r.execCommand("Cut");



}


 


參考:


作者: jeffwang (---.adsl.seed.net.tw)

日期: 07-24-05 21:33



剛剛在別的網頁(http://www2.cyut.edu.tw/~s9154610/jscript.html)

找到可以將text裡面的內容複製到剪貼簿裏面



<script language="JavaScript" type="text/javascript"> <!--

function addClipboard2(obj) {

 var r = obj.createTextRange() ;

 r.execCommand("Copy") ;

}

//--> </script>



<input type="text" id="address" onClick="addClipboard2(this)">



不過這是需要需要按enter鍵

是否有方法是不用按enter鍵

而可以將一個變數var裡面的字串存入剪貼簿中

因為我已經可以將網頁上選取的文字儲存起來到變數中

而我想將這個變數中的字串存到剪貼簿中

不用透過事件觸發 例如滑鼠點兩下、按enter鍵...



function getSelectionHTML()

{

var h = document.selection.createRange().htmlText;

document.jeff.T1.value=h;

return document.selection.createRange().htmlText;

}

請多指教

謝謝

 

沒有留言:

張貼留言