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 相关文章推荐
利用404错误页面实现UrlRewrite的实现代码
Aug 20 Javascript
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
js中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
究竟什么是Node.js?Node.js有什么好处?
May 29 Javascript
详解JavaScript的Polymer框架中的通知交互
Jul 29 Javascript
jQuery中判断对象是否存在的方法汇总
Feb 24 Javascript
使用bootstrap实现多窗口和拖动效果
Sep 22 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
Oct 26 Javascript
webpack打包并将文件加载到指定的位置方法
Feb 22 Javascript
使用vue制作探探滑动堆叠组件的实例代码
Mar 07 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
Nov 13 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
如何突破PHP程序员的技术瓶颈分析
2011/07/17 PHP
PHP数组实例总结与说明
2011/08/23 PHP
PHP中使用unset销毁变量并内存释放问题
2012/07/05 PHP
PHP自定义大小验证码的方法详解
2013/06/07 PHP
php实现倒计时效果
2015/12/19 PHP
php查询操作实现投票功能
2016/05/09 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
YII2框架中behavior行为的理解与使用方法示例
2020/03/13 PHP
一个基于jquery的图片切换效果
2010/07/06 Javascript
jquery创建表格(自动增加表格)代码分享
2013/12/25 Javascript
Javascript函数的参数
2015/07/16 Javascript
详解JavaScript对象序列化
2016/01/19 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
AngularJS的脏检查深入分析
2017/04/22 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
2017/06/13 Javascript
浅析Angular19 自定义表单控件
2018/01/31 Javascript
详解Webpack + ES6 最新环境搭建与配置
2018/06/04 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
python编程开发之日期操作实例分析
2015/11/13 Python
Python函数中的函数(闭包)用法实例
2016/03/15 Python
python append、extend与insert的区别
2016/10/13 Python
Python 读取指定文件夹下的所有图像方法
2018/04/27 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
Python对接六大主流数据库(只需三步)
2019/07/31 Python
基于torch.where和布尔索引的速度比较
2020/01/02 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
购买中国最好的电子产品:Geekbuying
2018/03/13 全球购物
幼儿园中班区域活动总结
2014/07/09 职场文书
2014年社区重阳节活动策划方案
2014/09/16 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
大学生见习报告范文
2014/11/03 职场文书
小学美术教学反思
2016/02/17 职场文书
vue3语法糖内的defineProps及defineEmits
2022/04/14 Vue.js
JS函数式编程实现XDM一
2022/06/16 Javascript