复制粘贴之不带插件的jquery

一、实现点击按钮，复制文本框中的的内容

 <script type="text/javascript">
 function copyUrl2()
 {
 var Url2=document.getElementById("biao1");
 Url2.select(); // 选择对象
 document.execCommand("Copy"); // 执行浏览器复制命令
 alert("已复制好，可贴粘。");
 }
 </script>
 <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
 <input type="button" onClick="copyUrl2()" value="点击复制代码" />

二、复制专题地址和 url 地址，传给 QQ/MSN 上的好友

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <title>Js复制代码</title>
 </head>
 <body>
 <p>
 <input type="button" name="anniu1" onClick='copyToClipBoard()' value="复制专题地址和url地址，传给QQ/MSN上的好友">
 <script language="javascript">
 function copyToClipBoard(){
 var clipBoardContent="";
 clipBoardContent+=document.title;
 clipBoardContent+="";
 clipBoardContent+=this.location.href;
 window.clipboardData.setData("Text",clipBoardContent);
 alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");
 }
 </script>

三、直接复制 url

 <input type="button" name="anniu2" onClick='copyUrl()' value="复制URL地址">
 <script language="javascript">
 function copyUrl()
 {
 var clipBoardContent=this.location.href;
 window.clipboardData.setData("Text",clipBoardContent);
 alert("复制成功!");
 }
 </script>

四、点击文本框时，复制文本框里面的内容

 <input onclick="oCopy(this)" value="你好.要copy的内容!">
 <script language="javascript">
 function oCopy(obj){
 obj.select();
 js=obj.createTextRange();
 js.execCommand("Copy")
 alert("复制成功!");
 }
 </script>

五、复制文本框或者隐藏域中的内容

 <script language="javascript">
 function CopyUrl(target){
 target.value=myimg.value;
 target.select();
 js=myimg.createTextRange();
 js.execCommand("Copy");
 alert("复制成功!");
 }
 function AddImg(target){
 target.value="[IMG]"+myimg.value+"[/ img]";
 target.select();
 js=target.createTextRange();
 js.execCommand("Copy");
 alert("复制成功!");
 }
 </script>

六、复制 span 标记中的内容

 <script type="text/javascript">
 </script>
 <br />
 <br />
 <script type="text/javascript">function copyText(obj)
 {
 var rng = document.body.createTextRange();
 rng.moveToElementText(obj);
 rng.scrollIntoView();
 rng.select();
 rng.execCommand("Copy");
 rng.collapse(false);
 alert("复制成功!");
 }
 </script>

七、浏览器兼容 copyToClipboard("拷贝内容")

 function copyToClipboard(txt) {
    if (window.clipboardData) {
     window.clipboardData.clearData();
     clipboardData.setData("Text", txt);
     alert("复制成功！");

    } else if (navigator.userAgent.indexOf("Opera") != -1) {
     window.location = txt;
    } else if (window.netscape) {
     try {
      netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
     } catch (e) {
      alert("被浏览器拒绝！\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");
     }
     var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
     if (!clip)
      return;
     var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
     if (!trans)
      return;
     trans.addDataFlavor("text/unicode");
     var str = new Object();
     var len = new Object();
     var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
     var copytext = txt;
     str.data = copytext;
     trans.setTransferData("text/unicode", str, copytext.length * 2);
     var clipid = Components.interfaces.nsIClipboard;
     if (!clip)
      return false;
     clip.setData(trans, null, clipid.kGlobalClipboard);
     alert("复制成功！");
    }
   }

八、兼容各大浏览器的复制代码（结合ZeroClipboard.js）

<html>
<head>
<title>Zero Clipboard Test</title>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<script language="JavaScript">
 var clip = null;
 function $(id) { return document.getElementById(id); }
 function init() {
   clip = new ZeroClipboard.Client();
   clip.setHandCursor(true);
   clip.addEventListener('mouseOver', function (client) {
 // update the text on mouse over
 clip.setText( $('fe_text').value );
   });

   clip.addEventListener('complete', function (client, text) {
 //debugstr("Copied text to clipboard: " + text );
 alert("该地址已经复制，你可以使用Ctrl+V 粘贴。");
   });
   clip.glue('clip_button', 'clip_container' );
 }
</script>
</head>
<body onLoad="init()">
<input id="fe_text" cols=50 rows=5 value=复制内容文本1 >
<span id="clip_container"><span id="clip_button"><b>复制</b></span></span>
</body>
</html

复制粘贴之不带插件的jquery的更多相关文章

jQuery event的复制粘贴的坑
jQuery为了兼容性会把系统暴露出来的event重新整理一遍,但是复制粘贴的event就被丢掉了. 所以要在所有原生浏览器想实现复制粘贴,大家都用flash实现了.其实只要用原生的方法捕获事件就ok ...
ClipboardJS复制粘贴插件的使用
1.简单的纯JS复制粘贴(兼容性差,只能用textarea标签) var btn=document.getElementsByClassName("btn")[0]; //复制按钮 ...
JQuery Mobile - html5+CSS 禁止IOS长按复制粘贴实现
因为在移动端APP需要实现长按执行别的事件,但是在IOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法.实际测试,也并不是很理想,但是可能没有更好办法了! / ...
通过如何通过js实现复制粘贴功能
在ie中window.clipboardData(剪切板对象)是可以被获取,所以利用这个方法我们可以实现在IE当中复制粘贴的功能,demo如下! <html> <head> & ...
demo：复制粘贴功能
复制链接功能,也是为了方便用户一键"复制",粘贴链接和文本到指定位置,在此,接着上一篇"demo:生成专属二维码link "来记录一键"复制" ...
Ckeditor 4 复制粘贴截图并转化base64格式保存至数据库
虽然Ckeditor 中自带的有上传图片和文件的功能,但是有时候我们并不需要把图片保存至服务器的文件夹中. 反而是截图复制粘贴,把图片转化为base64格式保存在数据库中即可满足要求. 1.首先下载安 ...
js实现复制粘贴功能
在项目中使用到复制粘贴功能,虽然网上有很多大牛封装了很多的插件,但是还是想不去使用插件,就像自己来实现这个功能. 另一篇是禁止复制粘贴前端er怎样操作剪切复制以及禁止复制+破解等初步想法: 1. ...
个人永久性免费-Excel催化剂功能第82波-复制粘贴按源区域大小自动扩展收缩目标区域
日常工作中,复制粘贴的操作,永远是最高频的操作,没有之一,在最高频的操作上,进行优化,让过程更智能,比一天到晚鼓吹人工智能替换人的骇人听闻的新闻来得更实际.此篇带来一点点的小小的改进,让日后无数的复制 ...
个人永久性免费-Excel催化剂功能第44波-可见区域复制粘贴不覆盖隐藏内容
Excel的复制粘贴操作,每天都在进行,若其中稍能提升一点效率,长久来说,实在是很可观的效率提升. Excel自带的复制粘贴功能,若复制的数据源或粘贴的目标位置中有隐藏的行列内容,简单一个复制粘贴充满 ...

随机推荐

洛谷 [P1118] IOI1994 数字三角形
简单dfs 我们注意到,题目中的运算方式与杨辉三角极其相似,所以说本题实际上是一道加权的杨辉三角,搜索系数 #include <iostream> #include <cstdio& ...
BZOJ 3881: [Coci2015]Divljak [AC自动机树链的并]
3881: [Coci2015]Divljak 题意:添加新文本串,询问某个模式串在多少种文本串里出现过模式串建AC自动机,考虑添加一个文本串,走到的节点记录下来求树链的并方法是按dfs序排序去重 ...
IDEA如何创建及配置Web项目（多图）
正文之前在学习Java Web时,第一个遇到的问题就是如何创建或配置Web项目了,今天,就用IntelliJ IDEA 来进行Web项目配置: 创建Web项目配置web项目正文创建Web项目 ...
FlappyBird Pygame
视频链接 GitHub链接:https://github.com/yanpeng1314/FlappyBird from InitObject import * def startGame(): mo ...
【转】磁盘I/O那些事
背景计算机硬件性能在过去十年间的发展普遍遵循摩尔定律,通用计算机的CPU主频早已超过3GHz,内存也进入了普及DDR4的时代.然而传统硬盘虽然在存储容量上增长迅速,但是在读写性能上并无明显提升,同时 ...
spring core 与 context理解
Spring core是核心层,拥有这BeanFactory这个强大的工厂,是所有bean的管理器: 而spring context是上下文运行环境,基于spring core之上的一个架构, 它之上 ...
java-redis初探
一.Redis 简介 Redis 是完全开源免费的,遵守BSD协议,是一个高性能的key-value数据库. Redis 与其他 key - value 缓存产品有以下三个特点: Redis支持数据的 ...
Delphi 添加外部Form单元的方法！
我用到的环境是 RAD Studio 10.2.2 有时候,需要把某个Form单元添加到其他的工程! 此时,如果直接添加或者拖拉 .pas单元到目标工程,是无法把.pas包含的Form添加进去的 ...
初识Vue——计算属性和观察者
一.计算属性在模板内使用 1.基础例子 <template> <div class="main"> <div id="reverse_st ...
Angular：利用内容投射向组件输入ngForOf模板
现在,我们写一个组件puppiesListCmp,用于显示小狗狗的列表: //puppies-list.component.ts @Component({ selector: 'puppies-lis ...

复制粘贴之不带插件的jquery

复制粘贴之不带插件的jquery的更多相关文章

随机推荐

热门专题