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 相关文章推荐
JQuery 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
Javascript 面向对象之重载
May 04 Javascript
初学js插入节点appendChild insertBefore使用方法
Jul 04 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
May 23 Javascript
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
Nov 20 Javascript
JavaScript动态提示输入框输入字数的方法
Jul 27 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
Mar 06 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 Javascript
jQuery实现对象转为url参数的方法
Jan 11 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
Jan 16 Javascript
微信小程序实现九宫格抽奖
Apr 15 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替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
PHP获取MySql新增记录ID值的3种方法
2014/06/24 PHP
ThinkPHP实现二级循环读取的方法
2014/11/03 PHP
php静态文件生成类实例分析
2015/01/03 PHP
PHP命名空间和自动加载类
2016/04/03 PHP
php将服务端的文件读出来显示在web页面实例
2016/10/31 PHP
Django 中 cookie的使用
2017/08/17 PHP
Yii2框架类自动加载机制实例分析
2018/05/02 PHP
可兼容php5与php7的cURL文件上传功能实例分析
2018/05/11 PHP
jQuery模拟超链接点击效果代码
2013/04/21 Javascript
jquery重复提交请求的原因浅析
2014/05/23 Javascript
原生js实现类似弹窗抖动效果
2015/04/02 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
2016/05/07 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
基于JS设计12306登录页面
2016/12/28 Javascript
JavaScript利用Date实现简单的倒计时实例
2017/01/12 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
vue 请求后台数据的实例代码
2017/06/22 Javascript
JS随机排序数组实现方法分析
2017/10/11 Javascript
electron制作仿制qq聊天界面的示例代码
2018/11/26 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
2018/12/03 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
python基于opencv 实现图像时钟
2021/01/04 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
通用求职信范文模板分享
2013/12/27 职场文书
服务员岗位职责
2014/01/29 职场文书
校园文明倡议书
2014/05/16 职场文书
旅游饭店管理专业自荐书
2014/06/28 职场文书
教师个人查摆剖析材料
2014/10/14 职场文书
庆祝教师节主持词
2015/07/06 职场文书
单位病假条范文
2015/08/17 职场文书
Python使用华为API为图像设置多个锚点标签
2022/04/12 Python