第一种：  自己测试时  只适合于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. qml 源码样例
			
    https://github.com/CodeBees/qtExample https://github.com/zhengtianzuo/QtQuickExamples/blob/master/RE ...
    
			
    2. 
						
  2. 一条命令修改Linux密码
			
    方法一.直接使用passwd命令 /bin/echo newpass|/usr/bin/passwd --stdin username *注:该方式只适用于红帽系操作系统,比如centos,redha ...
    
			
    3. 
						
  3. 自己定义的Excetpion继承哪个异常有什么讲究？[待解答]
			
    try catch的地方需要用到一个自定义的DBException,如下: 于是我就自定义了一个DBException,继承Excetpion,以父类Exception构造器创建构造器: DBExce ...
    
			
    4. 
						
  4. keras系列︱利用fit_generator最小化显存占用比率/数据Batch化
			
    本文主要参考两篇文献: 1.<深度学习theano/tensorflow多显卡多人使用问题集> 2.基于双向LSTM和迁移学习的seq2seq核心实体识别 运行机器学习算法时,很多人一开始 ...
    
			
    5. 
						
  5. tensorflow windows
			
    conda create -n py35 python=3.5 activate py35 pip install --ignore-installed --upgrade https://stora ...
    
			
    6. 
						
  6. Jira简单使用操作指引20150605
			
    1.选择项目 2.点击[问题]——>[所有问题] 3.选择状态(一般开发关注[新增.处理中],测试关注[已解决.已作废]) 4.选择[more],勾选[解决版本].[影响版本].[解决人],我们 ...
    
			
    7. 
						
  7. Android 4.0 Camera架构分析之Camera初始化
			
    Android Camera 采用C/S架构,client 与server两个独立的线程之间使用Binder通信,这已经是众所周知的了.这里将介绍Camera从设备开机,到进入相机应用是如何完成初始化 ...
    
			
    8. 
						
  8. Android学习笔记之Android Studio添加新的Activity
			
    1.创建Android项目工程:AndroidTest 创建过程可参考网上诸多教程. 2.添加新的Activity,步骤如下 a. 在layout文件夹上右键,New-Activity-相应Activ ...
    
			
    9. 
						
  9. 每次都要重新编译？太慢！让跨平台的 MSBuild/dotnet build 的 Target 支持差量编译
			
    如果你干预到了项目的编译过程,可能就需要考虑到差量编译了.不然--当你的项目大起来的时候,就会感受到每次都重新编译时,每次重复调试的过程都要进行漫长等待时的绝望和无奈. 如果你正遭遇差量编译失效,每次 ...
    
			
    10. 
						
  10. 20165212 学习基础和C语言基础调查
			
    学习基础与C语言基础调查 阅读文章的心得体会 五篇文章都从不同角度阐述了毅力的重要性,打字.减肥.运动各方面,比如“每天一万步”这个任务,人们通过建群聊互相监督.“打卡”的方式来实现坚持的目的,我认为 ...
    
			
    11.