Jq将字符串复制粘贴到剪贴板

 
第一种:  自己测试时  只适合于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);//获取光标起始位置到结束位置elsetextarea.select();try {var flag = document.execCommand("copy");//执行复制} catch(eo) {var flag = false;}document.body.removeChild(textarea);//删除元素currentFocus.focus();return flag;} </script>

 

转载于:https://www.cnblogs.com/LMJBlogs/p/10281156.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/484302.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

元宇宙深度研究报告:元宇宙是互联网的终极形态?

报告出品方&#xff1a;华安证券作者&#xff1a;尹沿技、张天、姚天航1 元宇宙&#xff1a;剑指互联网的“终极形态”1.1 元宇宙指向互联网的终极形态元宇宙&#xff08;Metaverse&#xff09;概念起源于科幻小说&#xff0c;或指向互联网的“终极形态”。Metaverse 一词来源于…

论文写作

1.文献综述 站在巨人的肩膀上&#xff0c;找到自己的创新点(别人没做过的),文献综述可以帮你理清思路&#xff0c;找到切入点&#xff0c;在别人的基础上&#xff0c;做出高于别人的综述&#xff0c;这正是文献综述的意义。 内容与结构规划 目的 找出研究的空白&#xff0c;基…

6、Django模板语法

123 转载于:https://www.cnblogs.com/pyedu/p/10289330.html

Unity基础

Unity3D 游戏开发 第一章 基础知识 Unity是一个用于创建游戏和三维互动内容的开发工具&#xff0c;是一个专业游戏引擎。 2D游戏&#xff1a;视角锁定&#xff0c;二维坐标。 3D游戏&#xff1a;任意视角&#xff0c;三维坐标。 虚拟现实&#xff08;VR&#xff09;&#x…

英特尔史上最大收购!英特尔拟300亿美元收购GF,审批成关键!

来源&#xff1a;EETOP据《华尔街日报》报道&#xff0c;知情人士称&#xff0c;英特尔打算斥资约300 亿美元收购晶圆代工大厂格罗方德&#xff08;GlobalFoundries&#xff09;&#xff0c;以加速生产更多芯片&#xff0c;如果收购成功&#xff0c;这将是英特尔有史以来最大的…

CentOS 7 定时计划任务设置

概述  就像再windows上有计划任务一样&#xff0c;centos7 自然也有计划任务&#xff0c;而且设置更为灵活&#xff0c;好用。再centos7 上可以利用crontab 来执行计划任务&#xff0c; 依赖与 crond 的系统服务&#xff0c;这个服务是系统自带的&#xff0c;可以直接查看状态…

Unity 基本操作

基本操作 物体的组合 1.从需要的组合的物体中选择一个作为父对象&#xff0c;其他的物体作为子对象&#xff0c;即把子对象拖拽到父对象里&#xff0c;操作父对象即可实现整体操作&#xff0c;效果如下。 2.在组合物体中&#xff0c;父对象的坐标是该组合体的坐标&#xff0c…

OpenAI雄心勃勃的机器人计划失败了:强化学习没法用?

来源&#xff1a;机器之心曾经训练出单手解魔方机器人的 OpenAI&#xff0c;眼下已经解散了机器人团队。这家执着于实现通用人工智能&#xff08;AGI&#xff09;的公司现在放弃了机器人研究&#xff0c;理由是「数据不够丰富」。近期&#xff0c;OpenAI 公司联合创始人 Wojcie…

Unity-游戏小地图实战(前述知识点回顾与运用)

阶段知识回顾与运用---游戏中小地图实战 对于多个摄像机&#xff0c;每个摄像机都带有音频监听器&#xff0c;会出现错误&#xff0c;因为我们只需要一个音频监听器&#xff0c;为了消除错误&#xff0c;需要移除其他摄像机的音频监听器&#xff0c;只保留主摄像机的音频监听器…

NTT高级科学家:光子是深度学习的未来!光子有望替代电子计算机加速神经网络计算...

来源&#xff1a;AI科技评论作者&#xff1a;Ryan Hamerly编译&#xff1a;陈彩娴近日&#xff0c;来自日本 NTT 研究所的高级科学家 Ryan Hamerly 在 IEEE Spectrum 上发表了一篇文章&#xff08;“The Future of Deep Learning Is Photonic”&#xff09;&#xff0c;谈论了光…

Unity3D-InstantOC遮挡剔除

InstantOC&#xff08;插件&#xff09; 渲染管线 图形数据在GPU上经过运算处理&#xff0c;最后输出到屏幕的过程。对于显示出来的图形&#xff0c;CPU与GPU的分工 CPU判断需要显示的图形图像调用图形API&#xff1b;绘制调用&#xff08;Draw Call&#xff09;&#xff1a;每…

WCF系列(一)BasicHttpBinding 和 WsHttpBinding 的不同点

aaaaaaaaaaaaaaaaaa WCF系列&#xff08;一&#xff09;【翻译】BasicHttpBinding 和 WsHttpBinding 的不同点 2010-02-21 12:23 by Virus-BeautyCode, 20206 阅读, 7 评论, 收藏, 编辑 原文地址&#xff1a;Difference between BasicHttpBinding and WsHttpBinding 1、简介 WC…

Unity3D-光照系统

光照系统 1. Global Illumination&#xff08;全局光照&#xff09; GI,能够计算直接光&#xff0c;间接光&#xff0c;环境光以及反射光的光照系统。通过GI算法&#xff0c;渲染出光照效果更为真实的场景。 2. 直接光 从光源直接放出的光&#xff0c;通过Light组件实现。 …

Tomaso A.Poggio教授丨人工智能的下一个突破点在何处?

来源&#xff1a;图灵人工智能AI的成功故事在过去的25年中&#xff0c;尤其是在刚刚过去的十年中&#xff0c;AI&#xff0c;特别是机器学习&#xff0c;已经拥有了十足可观的进展。两个主要的成功故事第一个是AlphaGo。在虚拟的游戏世界中&#xff0c;AI绝对已经战胜了人类。A…

Unity3D-声音系统

声音 1.Unity3D支持的音频文件 mp3、ogg、wav、aif、mod、it、s3m、xm。 2.声音分为2D&#xff0c;3D两种 3D声音:有空间感&#xff0c;近大远小&#xff1b;2D声音&#xff1a;适合做背景音乐。 3.在场景中产生声音&#xff0c;主要有两个总要的组件&#xff1a; Audio …

当可解释人工智能遇上知识图谱

来源&#xff1a;知乎—机器学习小谈地址&#xff1a;https://zhuanlan.zhihu.com/p/386458680本文按照以下章节进行组织&#xff1a;1. 背景意义2. 基于路径的方法3. 基于嵌入的方法4. 总结与展望01背景意义1.1 什么是可解释性&#xff1f;首先&#xff0c;什么是可解释性。由…

Unity3D-C#脚本介绍

Unity3D脚本介绍 脚本就是附加在游戏物体上用于定义游戏对象行为的指令代码。Unity支持C#高级编程语言。 1.语法结构 using 命名空间; public class 类名&#xff1a;Monobehaviour {void 方法名&#xff08;&#xff09;{Debug.Log("调试信息.");print("调用…

JConsole连接远程linux服务器配置

1.在远程机的tomcat的catalina.sh中加入配置 (catalina.sh路径在tomcat/bin下面 如/usr/local/tomcat/bin) 1 if [ "$1" "start" ];then 2 JAVA_OPTS"$JAVA_OPTS -Djava.rmi.server.hostname192.168.10.98 -Dcom.sun.management.jmxremote"…

缺缺缺!IoT行业的“芯”选择是什么?

来源&#xff1a;北京物联网智能技术应用协会“最初&#xff0c;没有人在意这场灾难&#xff0c;直到这场灾难和每个人息息相关。”这是电影《流浪地球》的开头&#xff0c;预示着一场即将来临的危机。如今&#xff0c;这句话正在现实中应验&#xff0c;不过&#xff0c;这次遭…

Unity3D-相关函数功能

函数功能 1.每隔固定时间执行一次&#xff0c;时间间隔固定&#xff08;0.02s&#xff09;,时间间隔可以修改。 适用性&#xff1a;适合对物体作移动&#xff0c;旋转等物理操作。 函数执行不受渲染影响。 private void FixedUpdate() {Debug.Log(Time.time); }设置更新频率&…