首页 > web前端 > js教程 > 正文

DOM_window对象属性之--clipboardData对象操作代码_javascript技巧

php中文网
发布: 2016-05-16 18:11:02
原创
1343人浏览过
clipboardData 对象
提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用。

成员表

方法 描述
clearData 通过 dataTransfer 或 clipboardData 对象从剪贴板删除一种或多种数据格式。
getData 通过 dataTransfer 或 clipboardData 对象从剪贴板获取指定格式的数据。
setData 以指定格式给 dataTransfer 或 clipboardData 对象赋予数据。

示例
下面的例子使用了 clipboardData 对象的 setData 和 getData 方法通过快捷菜单执行剪切粘贴操作。
复制代码 代码如下:

<script> <BR>var bResult; <BR>// 选中要剪切的文本。在剪切事件中文本选中区的尾随空格导致剪 <BR>// 切选快捷菜单项目保持无效。 <BR>function fnLoad() { <BR>var r = document.body.createTextRange(); <BR>r.findText(oSource.innerText); <BR>r.select(); <BR>} <br><br>// 启用剪切快捷菜单项目,该项目在 DIV 上时默认为无效 <BR>function fnBeforeCut() { <BR>event.returnValue = false; <BR>} <br><br>// 以文本格式给 window.clipboardData 对象赋予数据。 <BR>// 将 setData 方法的结果 (Boolean) 显示在下面的输入框内。 <BR>function fnCut(){ <BR>event.returnValue = false; <BR>bResult = window.clipboardData.setData("Text",oSource.innerText); <BR>oSource.innerText = ""; <BR>tText.innerText += bResult; <BR>} <br><br>// 启用粘贴快捷菜单项目,该项目在 DIV 上时默认也为无效 <BR>function fnBeforePaste() { <BR>event.returnValue = false; <BR>} <br><br>// 在 onpaste 中取消 returnValue 以便输入文本,该操作有默认 <BR>// 的行为。 <BR>function fnPaste() { <BR>event.returnValue = false; <BR>oTarget.innerText = window.clipboardData.getData("Text"); <BR>} <br><br></script>


LINK="#000000" VLINK="#808080" ALINK="#000000">

oncut="fnCut()">选中并剪切此文本

onpaste="fnPaste()">将文本粘贴在这里



setData 结果:




注意代码中的,oncut、onpaste事件
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号