懂视1
懂视101
懂视201
懂视301
懂视401
懂视501
懂视601
懂视701
懂视801
懂视901
懂视1001
懂视1101
懂视1201
懂视1301
懂视1401
懂视1501
懂视1601
懂视1701
懂视1801
懂视1901
文库1
文库101
文库201
文库301
文库401
文库501
文库601
文库701
文库801
文库901
文库1001
文库1101
文库1201
文库1301
文库1401
文库1501
文库1601
文库1701
文库1801
文库1901
芙姬情感网
全部频道
首页
科技
教育
生活
旅游
时尚
美容
美食
健康
体育
游戏
汽车
家电
您的当前位置：
首页
IE下通过JS控制剪贴板的代码_javascript技巧
IE下通过JS控制剪贴板的代码_javascript技巧
来源：芙姬情感网
javascript可以使用window.clipboardData对象处理剪贴板内容
保存到剪贴板的方法 setData(param1, param2)
param1 :数据类型 text 或 URL等.
param2 :数据内容
从剪贴板读出数据的方法 getdata(param1)
清空数据的方法 clearData(param1)
下面是一个例子演示
<HTML> <HEAD> <TITLE>测试操作剪贴板</TITLE> </HEAD> 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="测试数据"> <button onclick="alert(window.clipboardData.getData('text'));">显示</button> <button onclick="window.clipboardData.clearData('text');">清空</button> </BODY> </HTML>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
下面是另一个例子实现页面中选中字符，并拖拉到文本区功能
注意其中的window.event.dataTransfer对象也可处理剪贴板内容，不过只能用在 drag-and-drop 操作中
<HTML> <HEAD> <TITLE>测试操作剪贴板2</TITLE> </HEAD> 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>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
显示全文