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 相关文章推荐
JS左右无缝滚动(一般方法+面向对象方法)
Aug 17 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
浅析javascript中函数声明和函数表达式的区别
Feb 15 Javascript
Bootstrap3.0学习教程之JS折叠插件
May 27 Javascript
AngularJS入门教程一:路由用法初探
May 27 Javascript
Express框架之connect-flash详解
May 31 Javascript
JavaScript数组方法的错误使用例子
Sep 13 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
Apr 01 Javascript
ES6的解构赋值实例详解
May 06 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
Jul 21 Javascript
JavaScript读取本地文件常用方法流程解析
Oct 12 Javascript
vuex页面刷新导致数据丢失的解决方案
Dec 10 Vue.js
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
一个MYSQL操作类
2006/11/16 PHP
php 空格,换行,跳格使用说明
2009/12/18 PHP
php时间戳转换的示例
2014/03/31 PHP
学习php设计模式 php实现策略模式(strategy)
2015/12/07 PHP
PHP创建多级目录的两种方法
2016/10/28 PHP
javascript encodeURI和encodeURIComponent的比较
2010/04/03 Javascript
Knockoutjs的环境搭建教程
2012/11/26 Javascript
带左右箭头图片轮播的JS代码
2013/12/18 Javascript
JavaScript实现简单Tip提示框效果
2016/04/20 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
js实现加载页面就自动触发超链接的示例
2017/08/31 Javascript
JavaScript实现简单的文本逐字打印效果示例
2018/04/12 Javascript
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
微信小程序:数据存储、传值、取值详解
2019/05/07 Javascript
详解Vue中组件传值的多重实现方式
2019/08/16 Javascript
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2
2018/06/04 DOTA
[37:29]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第二场 11.19
2020/11/19 DOTA
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
Python实现邮件的批量发送的示例代码
2018/01/23 Python
Django在admin后台集成TinyMCE富文本编辑器的例子
2019/08/09 Python
python将音频进行变速的操作方法
2020/04/08 Python
python 下载文件的多种方法汇总
2020/11/17 Python
python 爬取百度文库并下载(免费文章限定)
2020/12/04 Python
美国婚礼装饰和活动用品批发供应商:Event Decor Direct
2018/10/12 全球购物
外贸专业求职信
2014/03/09 职场文书
乡镇党员群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
玩手机检讨书1000字
2014/10/20 职场文书
结婚老公保证书
2015/02/26 职场文书
运动会加油稿30字
2015/07/21 职场文书
OpenCV绘制圆端矩形的示例代码
2021/08/30 Python
Python编程中Python与GIL互斥锁关系作用分析
2021/09/15 Python
vue-cil之axios的二次封装与proxy反向代理使用说明
2022/04/07 Vue.js