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 相关文章推荐
javascript编程起步(第四课)
Jan 10 Javascript
JavaScript 类似flash效果的立体图片浏览器
Feb 08 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
Feb 24 Javascript
jquery获得同源iframe内body下标签的值的方法
Sep 25 Javascript
js制作简易年历完整实例
Jan 28 Javascript
JavaScript动态添加style节点的方法
Jun 09 Javascript
JQuery ztree带筛选、异步加载实例讲解
Feb 25 Javascript
JS中如何比较两个Json对象是否相等实例代码
Jul 13 Javascript
JS中关于事件处理函数名后面是否带括号的问题
Nov 16 Javascript
利用JQuery实现datatables插件的增加和删除行功能
Jan 06 Javascript
vue.js动态数据绑定学习笔记
May 19 Javascript
js实现全选和全不选
Jul 28 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
无限级别菜单的实现
2006/10/09 PHP
一段php加密解密的代码
2006/10/09 PHP
文章推荐系统(二)
2006/10/09 PHP
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
PHP正则表达式入门教程(推荐)
2016/05/18 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
自己编写的类似JS的trim方法
2013/10/09 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
利用jqprint插件打印页面内容的实现方法
2018/01/09 Javascript
vue router 跳转后回到顶部的实例
2018/08/31 Javascript
python基于Tkinter库实现简单文本编辑器实例
2015/05/05 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
图文详解python安装Scrapy框架步骤
2019/05/20 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
Python序列类型的打包和解包实例
2019/12/21 Python
python3实现往mysql中插入datetime类型的数据
2020/03/02 Python
django ListView的使用 ListView中获取url中的参数值方式
2020/03/27 Python
python实现一个猜拳游戏
2020/04/05 Python
pandas使用函数批量处理数据(map、apply、applymap)
2020/11/27 Python
快速一键生成Python爬虫请求头
2021/03/04 Python
新西兰最大的品牌运动鞋购物网站:Platypus NZ
2017/10/27 全球购物
设置器与访问器的定义以及各自特点
2016/01/08 面试题
优质服务口号
2014/06/11 职场文书
2014年幼儿园班级工作总结
2014/12/17 职场文书
生日答谢词
2015/01/05 职场文书
党支部半年考察意见
2015/06/01 职场文书
创业计划书之美甲店
2019/09/20 职场文书
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫
分享python函数常见关键字
2022/04/26 Python
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js