javascript

位置:IT落伍者 >> javascript >> 浏览文章

JavascriptTip(1)操作剪贴板


发布日期:2018年02月04日
 
JavascriptTip(1)操作剪贴板

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>

上一篇:JavaScript:雪景

下一篇:用JavaScript为你的网站加密