欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

代碼詳解JS操作剪貼板

 更新時(shí)間：2018年02月11日 13:33:32   投稿：laozhang  
本篇文章給大家介紹了如何用JS操作剪貼板的功能，并把實(shí)例代碼做了分享，需要的朋友學(xué)習(xí)下吧。

javascript可以輕松操作客戶端剪貼板內(nèi)容，不過只適用IE5以上瀏覽器。

javascript可以使用window.clipboardData對(duì)象處理剪貼板內(nèi)容。

保存到剪貼板的方法setData(param1, param2)。

param1 :數(shù)據(jù)類型 text 或 URL等。

param2 :數(shù)據(jù)內(nèi)容。

從剪貼板讀出數(shù)據(jù)的方法 getdata(param1)

清空數(shù)據(jù)的方法 clearData(param1) 

<HTML>  
<HEAD>  
<TITLE>測試操作剪貼板</TITLE>  
</HEAD>  
<script>  
function copyToClipboard()  
{  
 var d=document.all("source").value;  
 window.clipboardData.setData('text',d);  
}  
</script>  
<BODY>  
<button onclick="copyToClipboard();">拷貝</button>  
<input type="text" size=20 id="source" value="測試數(shù)據(jù)">  
<br>  
<button onclick="alert(window.clipboardData.getData('text'));">顯示</button>  
<button onclick="window.clipboardData.clearData('text');">清空</button>  
</BODY>  
</HTML>  

下面是另一個(gè)例子實(shí)現(xiàn)頁面中選中字符，并拖拉到文本區(qū)功能。注意其中的window.event.dataTransfer對(duì)象也可處理剪貼板內(nèi)容，不過只能用在 drag-and-drop 操作中。
<HTML>  
<HEAD>  
<TITLE>測試操作剪貼板2</TITLE>  
</HEAD>  
<script>  
function transferDrop() {  
   window.event.srcElement.innerText = window.event.dataTransfer.getData("text");  
   window.event.returnValue = false;  
}  
function transferDrag() {  
 window.event.dataTransfer.dropEffect = 'move';  
 window.event.returnValue = false;  
}  
</script>  

<BODY>
<p id="mySource" ondragstart="window.event.dataTransfer.effectAllowed = 'move';">選擇我們并把我們拖到下面的textarea</p>  
<textarea id="myTarget" ondrop="transferDrop();" ondragover="window.event.returnValue = false;" ondragenter="transferDrag();">  
</textarea>
</BODY>  
</HTML>

相關(guān)文章

最新評(píng)論