javascript可以轻松操作客户端剪贴板内容,不过只适用IE5以上浏览器javascript可JavaScript
强烈推介IDEA2020.2破解激活,IntelliJ IDEA 注册码,2020.2 IDEA 激活码
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 οnclick="copyToClipboard();">拷贝</button> <input type="text" size=20 id="source" value="测试数据"> <br> <button οnclick="alert(window.clipboardData.getData('text'));">显示</button> <button οnclick="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" οndragstart="window.event.dataTransfer.effectAllowed = 'move';">选择我们并把我们拖到下面的textarea</p>
<textarea id="myTarget" οndrοp="transferDrop();" οndragοver="window.event.returnValue = false;" οndragenter="transferDrag();"> </textarea>
</BODY> </HTML>
本文由来源 21aspnet,由 javajgs_com 整理编辑,其版权均为 21aspnet 所有,文章内容系作者个人观点,不代表 Java架构师必看 对观点赞同或支持。如需转载,请注明文章来源。