第一种：  自己测试时  只适合于input 和textarea 但是针对于其他标签的复制就不能用了。代码如下：
<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title></title>

        <meta charset="utf-8" />

    </head>

    <body>

        <input id="daima" value="11111">11111</input>

        <input type="button" id="Copy" value="点击复制代码" />

    </body>

</html>

<script src="js/jquery-1.8.3.min.js"></script>

<script type="text/javascript">

    $("#Copy").click(function() {

        var copyText = $("#daima")；//获取对象

        copyText .select();//选择

        document.execCommand("Copy");//执行复制
 　　　　alert("复制成功！");
    })

</script>

上述代码如果为了美观需要写一部分代码进行处理输入框的样子；但是个人感觉要比第二种的代码要少一部分。



第二种：  适用所有的标签，进行把内容传递到创建的input对象当中，进行处理复制的操作，相比第一种要写不少js。测试代码如下：


<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title></title>

        <meta charset="utf-8" />

    </head>

    <body>

        <span id="daima">11111</span>

        <input type="button" id="Copy" value="点击复制代码" />

    </body>

</html>

<script src="js/jquery-1.8.3.min.js"></script>

<script type="text/javascript">

    $("#Copy").click(function() {

        var ssrsss = $("#daima").text();//获取文本

        var flag = copyText(ssrsss); //传递文本

        alert(flag ? "复制成功！" : "复制失败！");

    })

    function copyText(text) {

        var textarea = document.createElement("input");//创建input对象

        var currentFocus = document.activeElement;//当前获得焦点的元素

        document.body.appendChild(textarea);//添加元素

        textarea.value = text;

        textarea.focus();

        if(textarea.setSelectionRange)

            textarea.setSelectionRange(0, textarea.value.length);//获取光标起始位置到结束位置

        else

            textarea.select();

        try {

            var flag = document.execCommand("copy");//执行复制

        } catch(eo) {

            var flag = false;

        }

        document.body.removeChild(textarea);//删除元素

        currentFocus.focus();

        return flag;

    }

</script>


												


											
Jq将字符串复制粘贴到剪贴板的更多相关文章
	

    
								
  1. vim的复制粘贴(包括系统剪贴板)
		
    1.vim常用复制粘贴命令 Vim的复制粘贴命令无疑是y (yank),p(paster),加上yy,P PS: vim有个很有意思的约定(我觉得是一种约定),就是某个命令的大小写都是实现某种功能,只 ...
    
		
    2. 
						
  2. 【vim小小记】vim的复制粘贴(包括系统剪贴板)
		
    1.vim常用复制粘贴命令 Vim的复制粘贴命令无疑是y (yank),p(paster),加上yy,P PS: vim有个很有意思的约定(我觉得是一种约定),就是某个命令的大小写都是实现某种功能,只 ...
    
		
    3. 
						
  3. Android 复制 粘贴 剪贴板的使用 ClipboardManager
		
    Copy and Paste 版本:Android 4.0 r1  快速查看 用于复制粘贴数据的基于剪贴板的框架. 同时支持简单和复杂的数据,包括文本串.复杂的数据结构.文本和二进制流数据.程序 as ...
    
		
    4. 
						
  4. tmux复制到windows剪贴板/粘贴板的坑
		
    以下所有操作都是在windows下面用putty连接linux centos6的情景下. 一直很纳闷为什么在tmux模式下不能把复制到的文字放到系统的粘贴板里面呢?通过层层阻碍,终于找到了原因. 去掉 ...
    
		
    5. 
						
  5. [FMX]在你的跨平台应用中使用剪贴板进行复制粘贴
		
    [FMX]在你的跨平台应用中使用剪贴板进行复制粘贴 2017-08-10 • Android.C++ Builder.Delphi.iOS.教程 • 暂无评论 • swish •浏览 516 次 VC ...
    
		
    6. 
						
  6. Java操作系统剪贴板（Clipboard）复制粘贴
		
    Java操作系统剪贴板(Clipboard)复制粘贴
    
		
    7. 
						
  7. 跟我一起玩Win32开发（21）：复制&粘贴&剪贴板操作
		
    我要提醒一下大家,看了我的博文学到的知识,千万不要用于实际开发,不然你会被你的上司骂:“妈的,这些东西哪来的,从来没有人这样做过.”不信你试试,脑细胞被冻结的经理或者技术总监们肯定会这样说的. 如果是 ...
    
		
    8. 
						
  8. Android中的复制粘贴
		
    Android中的复制粘贴 The Clipboard Framework 当使用clipboard framework时,把数据放在一个剪切对象(clip object)里,然后这个对象会放在系统的 ...
    
		
    9. 
						
  9. 不注册COM在Richedit中使OLE支持复制粘贴
		
    正常情况下在Richedit中使用OLE,如果需要OLE支持复制粘贴,那么这个OLE对象必须是已经注册的COM对象. 注册COM很简单,关键问题在于注册时需要管理员权限,这样一来,如果希望APP做成绿 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 《Effective C++》第1章 让自己习惯C++-读书笔记
			
    章节回顾: <Effective C++>第1章 让自己习惯C++-读书笔记 <Effective C++>第2章 构造/析构/赋值运算(1)-读书笔记 <Effecti ...
    
			
    2. 
						
  2. select2如何设置默认空值
			
    1.问题背景 select2搜索下拉框,当满足某种条件时,让它默认选中空值 2.问题原因 <!DOCTYPE html> <html> <head> <met ...
    
			
    3. 
						
  3. runtime查找 UIAlertAction 的key 及 UIActionSheet 设置字体颜色
			
    修改不了颜色了 结果发现kvo 的key 不对 哎 直接上代码 设置正确的属性找到对应的key  还以为iOS 11改变了方法 unsigned int count; Ivar *ivars =  c ...
    
			
    4. 
						
  4. 实战maven私有仓库三部曲之三：Docker下搭建maven私有仓库
			
    本章是<实战maven私有仓库>系列的第三篇,在前两章中,我们先在linux搭建maven私有仓库,然后在开发环境使用此仓库,本章我们在docker下快速搭建maven私有仓库,然后像前面 ...
    
			
    5. 
						
  5. git版本管理工具的使用
			
    Git的一些资料 --关于git的介绍就此忽略了--- Git官网http://git-scm.com/ Visual Studio Tools for Git下载地址https://visualst ...
    
			
    6. 
						
  6. 【Python爬虫学习笔记（3）】Beautiful Soup库相关知识点总结
			
    1. Beautiful Soup简介     Beautiful Soup是将数据从HTML和XML文件中解析出来的一个python库,它能够提供一种符合习惯的方法去遍历搜索和修改解析树,这将大大减 ...
    
			
    7. 
						
  7. CentOS 6.5 部署 Horizon
			
    以root用户进行部署,python源也可以使用 http://mirrors.aliyun.com/pypi/simple/ 修改系统 更改SElinux的配置文件 /etc/selinux/con ...
    
			
    8. 
						
  8. SpringMvc和servlet简单对比介绍
			
    原文链接:http://www.cnblogs.com/haolnu/p/7294533.html 一.servlet实现登录. 咱们先来看一下servlet实现注册登录. <servlet&g ...
    
			
    9. 
						
  9. NET Core 2.2
			
    .NET Core 2.2 新增部分功能使用尝鲜 https://www.cnblogs.com/viter/p/10070248.html 前言     美国当地时间12月4日,微软2019开发者大 ...
    
			
    10. 
						
  10. 《selenium2 python 自动化测试实战》（20）——Selenium工具介绍
			
    (一)Selenium IDE Firefox的一个插件,有助于我们理解测试框架.在附加组件里搜索下载,一般搜的结果里前几个都不是,得点那个查看更多才行,找到这个: 安装以后浏览器工具栏会有: 安装好 ...
    
			
    11.