熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

JavascriptTip(1)操作剪貼板

2022-06-13   來源: JSP教程 

  javascript可以輕松操作客戶端剪貼板內容不過只適用IE以上浏覽器
javascript可以使用windowclipboardData對象處理剪貼板內容
保存到剪貼板的方法 setData(param param)
param :數據類型 text 或 URL等
param :數據內容

  從剪貼板讀出數據的方法 getdata(param)
清空數據的方法 clearData(param)

  下面是一個例子演示
<HTML>
<HEAD>
<TITLE>測試操作剪貼板</TITLE>
</HEAD>
<script>
 function copyToClipboard()
 {
  var d=documentall(source)value;
  windowclipboardDatasetData(text d);
 }

  </script>
<BODY >

  <button onclick=copyToClipboard();>拷貝</button>
<input type=text size= id=source value=測試數據>
<br>
<button onclick=alert(windowclipboardDatagetData(text));>顯示</button>
<button onclick=windowclipboardDataclearData(text);>清空</button>

  </BODY>
</HTML>

  下面是另一個例子實現頁面中選中字符並拖拉到文本區功能
注意其中的windoweventdataTransfer對象也可處理剪貼板內容不過只能用在 draganddrop 操作中
<HTML>
<HEAD>
<TITLE>測試操作剪貼板</TITLE>
</HEAD>
<script>
 
 function transferDrop() {
      windoweventsrcElementinnerText = windoweventdataTransfergetData(text);
      windoweventreturnValue = false;
 }
 function transferDrag() {
  windoweventdataTransferdropEffect = move;
  windoweventreturnValue = false;
 }

  </script>
<BODY

  <p id=mySource ondragstart=windoweventdataTransfereffectAllowed =
move;>選擇我們並把我們拖到下面的textarea</p>

  <textarea id=myTarget ondrop=transferDrop();
ondragover=windoweventreturnValue = false; ondragenter=transferDrag();>
</textarea>

  </BODY>
</HTML>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19631.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.