[转自横渡博客]操作剪贴板

mac2022-06-30  17

javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器 javascript可以使用window.clipboardData对象处理剪贴板内容 保存到剪贴板的方法 setData(param1, param2) param1 :数据类型 text 或 URL等. param2 :数据内容

从剪贴板读出数据的方法 getdata(param1) 清空数据的方法 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 = " 测试数据 " >   < br >   < button onclick = " alert(window.clipboardData.getData('text')); " > 显示 </ button >   < button onclick = " window.clipboardData.clearData('text'); " > 清空 </ button >   </ BODY >   </ HTML >   下面是另一个例子实现页面中选中字符,并拖拉到文本区功能  注意其中的window.event.dataTransfer对象也可处理剪贴板内容,不过只能用在 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 >  

转载于:https://www.cnblogs.com/Elong/archive/2005/04/17/139245.html

相关资源:1人民解放军百万大军横渡长江——学生学习课件
最新回复(0)