javascript中clipboardData对象用法详解


Posted in Javascript onMay 13, 2015

本文实例讲述了javascript中clipboardData对象用法。分享给大家供大家参考。具体分析如下:

clipboardData对象  ,注意网页里剪贴板到现在只能设置Text类型,即只能复制文本
clearData("Text")清空粘贴板
getData("Text")读取粘贴板的值
setData("Text",val)设置粘贴板的值

当复制的时候body的oncopy事件被触发,直接return false就是禁止复制,注意是不能复制网页里的文本了
<body oncopy="alert('禁止复制!');return false;">
很多元素也有oncopy,onpaste事件

1.复制文本到剪贴板

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
 function CopyLinkAddress() {
  clipboardData.setData("Text", "请复制网址到您的QQ:" + location.href);
  alert("复制成功!");
 }
 </script>
</head>
<body>
 <input type="button" value="复制网址" onclick="CopyLinkAddress()" />
</body>
</html>

2.禁止复制,和禁止粘贴

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
 function CopyLinkAddress() {
  clipboardData.setData("Text", "请复制网址到您的QQ:" + location.href);
  alert("复制成功!");
 }
 </script>
</head>
<!--<body oncopy="alert('禁止复制');return false;">-->
<body>
 <input type="button" value="复制网址" onclick="CopyLinkAddress()" />
 测试复制的文本<br />
 手机号码1:<input type="text" /><br />
 手机号码2:<input type="text" 
 onpaste="alert('禁止粘贴,必须手工录入!');return false;" />
</body>
</html>

3.clipboardData对象复制时添加来源

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script type="text/javascript">
 function ModifyCopyData() {
  clipboardData.setData('Text',clipboardData.getData('Text') +
   '\r\n来自Pigeon网站' + location.href);
 }
 </script>
</head>
<!--不能直接在oncopy中调用ModifyCopyData函数
 需设定定时器,0.1秒后执行,这样就不再oncopy的执行调用堆栈上了
-->
<body oncopy="setTimeout('ModifyCopyData()',100)">
 三水点靠木:3water.com
</body>
</html>

希望本文所述对大家的C#程序设计有所帮助。

Javascript 相关文章推荐
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
js 纯数字不重复排列的另类方法
Jul 17 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 Javascript
基于JavaScript实现随机颜色输入框
Dec 10 Javascript
javascript常用的设计模式
Feb 09 Javascript
Vue.use源码分析
Apr 22 Javascript
js实现本地图片文件拖拽效果
Jul 18 Javascript
在Vue中使用echarts的方法
Feb 05 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
Oct 18 Javascript
Json实现传值到后台代码实例
Jun 30 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
Oct 23 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
May 13 #Javascript
浅谈jQuery中replace()方法
May 13 #Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 #Javascript
JS实现模拟风力的雪花飘落效果
May 13 #Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 #Javascript
浅谈javascript中的闭包
May 13 #Javascript
jQuery构造函数init参数分析续
May 13 #Javascript
You might like
JAVA/JSP学习系列之四
2006/10/09 PHP
ASP知识讲座四
2006/10/09 PHP
PHP静态类
2006/11/25 PHP
php支付宝接口用法分析
2015/01/04 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
jQuery之选项卡的简单实现
2014/02/28 Javascript
javascript如何判断输入的url是否正确
2014/04/11 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
AngularJS中实现显示或隐藏动画效果的方式总结
2015/12/31 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
2016/05/03 Javascript
node.js cookie-parser 中间件介绍
2016/06/06 Javascript
深入理解react-router@4.0 使用和源码解析
2017/05/23 Javascript
nodeJS实现路由功能实例代码
2017/06/08 NodeJs
微信小程序之绑定点击事件实例详解
2017/07/07 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
微信小程序实现发红包功能
2018/07/11 Javascript
详解@angular/cli 改变默认启动端口两种方式
2018/11/29 Javascript
vue项目中实现的微信分享功能示例
2019/01/21 Javascript
了解重排与重绘
2019/05/29 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
2020/08/14 Javascript
js前端传json后台接收‘‘被转为quot的问题解决
2020/11/12 Javascript
Python实现在线程里运行scrapy的方法
2015/04/07 Python
详解Python操作RabbitMQ服务器消息队列的远程结果返回
2016/06/30 Python
python图像处理模块Pillow的学习详解
2019/10/09 Python
Python 中 -m 的典型用法、原理解析与发展演变
2019/11/11 Python
python主线程与子线程的结束顺序实例解析
2019/12/17 Python
Python Selenium参数配置方法解析
2020/01/19 Python
Python3 mmap内存映射文件示例解析
2020/03/23 Python
学校运动会霸气口号
2014/06/07 职场文书
动物科学专业求职信
2014/07/27 职场文书
2014年教师节活动总结
2014/08/29 职场文书
2015年新农村建设指导员工作总结
2015/07/24 职场文书
2016教师给学生的毕业寄语
2015/12/04 职场文书
分布式Redis Cluster集群搭建与Redis基本用法
2022/02/24 Redis
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技