如何通过JQ将字符串复制粘贴到剪贴板 40C

var a='这里是需要复制的内容';
执行jq后将变量a的内容自动复制到剪贴板或追加到剪贴板中。

5个回答

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title> 页面名称 </title>
</head>
<body>
<p>点击复制后在右边textarea CTRL+V看一下</p>
<input type="button" id="btn" value="复制"/>
<textarea rows="4"></textarea>
<script type="text/javascript">
function copyText(text) {
    var textarea = document.createElement("textarea");
    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;
}

document.getElementById('btn').onclick = function(){
    var a='这里是需要复制的内容';
    var flag = copyText(a);//这个必须在DOM对象的事件线程中执行
    alert(flag ? "复制成功!" : "复制失败!");
};
</script>
</body>
</html>
soft_xiang
soft_xiang 到目前为止,这是发现最有效,不需要引入第三方的方法了
大约一年之前 回复
qq_29777207
张音乐 赞同这个
接近 2 年之前 回复
caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 正解
接近 2 年之前 回复

可以调用ZeroClipboard插件。地址:https://github.com/zeroclipboard/jquery.zeroclipboard
参考代码:

 <script src="jquery.js"></script>
<script src="dist/jquery.zeroclipboard.min.js"></script>
<script>
  jQuery(document).ready(function($) {
    $("body")
      .on("copy", ".zclip", function(/* ClipboardEvent */ e) {
        e.clipboardData.clearData();
        e.clipboardData.setData("text/plain", $(this).data("zclip-text"));
        e.preventDefault();
      });
  });
</script>
<button class="zclip" data-zclip-text="Testing 1-2-3!">Click to copy!</button>

https://github.com/zenorocha/clipboard.js
不依赖flash ,兼容所有浏览器

weixin_42761983
黄瓜我是土豆 点赞,为了积分
接近 2 年之前 回复

var a='这里是需要复制的内容';
var flag = copyText(a)
document.body.appendChild(flag);

引入一个clipboard.js文件即可使用


点击测试


Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Jquery怎么复制文本到剪贴板?

jquery怎么复制文本到剪贴板? 试了很多百度的方法都不行。

手机网页加载后怎么自动复制代码到剪切板

在手机打开网页后就要马上复制对应的网页内容,应该怎么实现啊!

前端 jquery 中将字符串转成一个一个字符的形式放入data中

![图片说明](https://img-ask.csdn.net/upload/201803/21/1521625751_227805.jpg) ![图片说明](https://img-ask.csdn.net/upload/201803/21/1521625760_524745.jpg) jquery data需要传入多个字符串 但是现在传过来的是一个字符串“‘a’,'b','c'”怎样将其放入data中???

jquery字符串比较,字符串比较不了不懂比较

var s1=$("#zhuangtai").text(); var s2="已提交审核"; $("#status").append(s1); $("#status").append(s2); if(s1==s2) { $("#status").append(s1); } 这段程序运行结果是: 已提交审核 已提交审核 证明s1也是“已提交审核” 为什么s1==s2没有反应??

jQuery如何筛选HTML页面里面的特定字符串?

如题,比如在HTML页面里有一些文本,然后我想筛选出"jQuery"这个字符串,这个字符串在HTML页面里有多处,我如何才能将其筛选出来?

怎么在jQuery中将字符串转为Date

$("#time1").val().replace(/-/g,"/")这个得到的是2017/12/8这样的形式,怎么转成Date类型啊,还需要时这种形式 ``` var sTime=new Date($("#time1").val().replace(/-/g,"/")); var eTime=new Date($("#time2").val().replace(/-/g,"/"),); ```

将多行字符串值提供给jquery方法

<div class="post-text" itemprop="text"> <p>How do I feed string variable holding multiline value in it to jquery method like prepend? I need it to construct a form pass by drupal search module like - <code>$('#divsearch').prepend('&lt;?php print $search_box; ?&gt;').</code> Thanks a bunch.</p> </div>

如何用jquery获取到td中的字符串,截取字符串

获取flag = 'title'中的ulistJosn[i].questitle,并将改字符串截取 各位帮我看看该怎么实现 获取flag = 'title'中的ulistJosn[i].questitle ``` $("td[flag='title']").each(function(){ $(this).html(cutString($(this).html(),5,"...")); }); ``` td: ``` html += "<td flag='title'>"+ulistJosn[i].questitle+"<a flag='count' href='javascript:void()' nid='"+ulistJosn[i].quesid+"'>|结果查看|</a>"+"</td>"; ```

el表达式拼接字符串!

前端jsp页面接受后台的一个身份证号码的变量,userId,假设userId=1234567789012345678,关键是这个长度不固定,也就是说userId这个字符串的length不固定。要完成的任务是:讲倒数第五位到倒数第十位字符用'*'来替换。 ps:项目经理建议用el表达式来做,最好不用js代码。难点在于,怎么根据字符串的长度来截取字符串,也就是说,用el表达式,怎么在${fn:substring() }中嵌套&{fn:length()}

使用JS如何获取剪贴板内容

网上搜寻了很多,在IE中可以使用window.clipboardData对象来设置和获取剪贴板内容,目前没有标准的统一的访问接口。 看了网上说使用Zero Clipboard插件来实现,但是没有获取的具体示例代码,只有设置的示例代码。也不知道使用Zero Clipboard到底是否可以获取剪贴板内容。 具体使用JS该如何获取剪贴板内容呢?有没有使用Zero Clipboard来获取剪贴板内容的示例代码呢?

JS中怎样将字符串中的指定下标的值删除?

例如:var str = "acbabca"; 怎样几将str[3]的值删除??

前台json字符串拼接提交给后台

![我想用json字符串的格式提交这个表单到后台 但是在基地所获资质和荣誉那一栏想把它变成json数组](https://img-ask.csdn.net/upload/201712/05/1512442735_731610.png) ![就像这种格式不知道怎么拼接](https://img-ask.csdn.net/upload/201712/05/1512442777_953354.png) 我想用json字符串的格式提交这个表单到后台 但是在基地所获资质和荣誉那一栏想把它变成json数组 就像图二那种格式

jQuery AJAX将url作为字符串传递

<div class="post-text" itemprop="text"> <p>I have a ajax function that is passing a string of variables to my script but I have one variable that needs to contain a full url with parameters.</p> <p>What happens is that var1 and var2 become $_POST variables but I need to save the whole url variable as a string.</p> <pre><code>var url = "http://domain.com/index.php?var1=blah&amp;var2=blah"; var dataArray = "rooftop_id=" +rooftop_id+ "&amp;url=" +url; $.ajax({ type: "POST", url: "/scripts/error_check.php", data: dataArray, dataType: 'json' }); </code></pre> <p>I would like my $_POST variable to look like this:</p> <pre><code>$_POST['rooftop_id'] would be '1234' $_POST['url'] would be 'http://domain.com/index.php?var1=blah&amp;var2=blah' </code></pre> <p>Thanks in advance!</p> </div>

关于es6模板字符串的问题

当模板字符串作为标签模板传递给标签函数时,函数接受到的参数为(arr,...values),其中arr为模板字符串中不是变量部分的集合,那么为什么当原模板字符串中起始位置(或末尾)出现变量时,数组arr中会在对应的起始(或末尾)多出一个空元素?

JS或者Jquery 字符串压缩

JS或者Jquery 字符串压缩方法,然后可用用C#解压,有没有什么方案可以提供的

jquery 的ajax 发送3个字符串和一个数组 怎么传递到springMVC的对应方法中

data.couponId = $('#couponId').val(); data.deadline = $("#deadline").val(); data.remark = $('#remark').val(); 上面是上个字符串 var nums = new Array(); $('.nums').each(function(j,k){ nums[j]=$(k).text(); }); 这里是一个数组 $.ajax({ url:'$adminRoot/afs/sendUserCoupon/sendUserCoupon.do', type:'POST', data:data, datatype:"json", success: function(a){ $('#submit').attr('disabled',false); if(a.result){ alert('发送成功!'); } else{ alert(a.err_msg); } } }); 上面是我的ajax 发送 但是 在后台没有收到 请求高人 发个示例代码 ,或者给个提示。感激不尽。

如何在jquery中将带有数学运算的字符串声明为变量

<div class="post-text" itemprop="text"> <p>PHP:</p> <pre><code>&lt;?php $test = "100-12"; ?&gt; </code></pre> <p>jQuery:</p> <pre><code>var test = &lt;?php echo $test ?&gt;; alert(test); </code></pre> <p>in dev tool sources (F12) it looks like this:</p> <pre><code>var test = 100-12; </code></pre> <p>but when already alerted / pass the data in other pages or just alerted the value of test becomes 89 which is the value when 100 is subtracted by 12.</p> <p>i need the as is value which is 100-12 not the subtracted. how do i stop jQuery from subtracting my string.</p> <p>i tried String() toString() and even "" + but nothing works.</p> </div>

获取input标签输入字符串中字母和数字的个数

如何通过jQuery来获取input标签所输入字符串中字母和数字的个数呀,麻烦大神们指导下

java前端jquery接接收中文字符串乱码问题

服务端:@RequestMapping(value="/detail/modSelect", method = {RequestMethod.POST}) public @ResponseBody String mod(@RequestBody String reqParam){ //修改请求处理 System.out.println("修改请求发送到此"); System.out.println(reqParam); ExpressLineInfo lineInfo = new ExpressLineInfo(); String[] str = reqParam.split("&"); String areaId = str[0].split("=")[1]; String neiAreaId = str[1].split("=")[1]; int distance = Integer.parseInt(str[2].split("=")[1]); String direct = str[3].split("=")[1]; int hot = Integer.parseInt(str[4].split("=")[1]); lineInfo.setAdcd(areaId); lineInfo.setDirect(direct); lineInfo.setDistance(distance); lineInfo.setScope_adcd(neiAreaId); lineInfo.setScope_hot(hot); int result = regionInfoService.updateScope(lineInfo); if(result==1){ return "修改成功!"; }else{ return "修改失败!"; } } 前端jquery: $.post("/detail/modSelect.htm", "areaId="+areaId+"&neiAreaId="+neiAreaId+"&distance="+distance+"&direct="+direct+"&hot="+hot, function(data,statusText){ alert(data); }); 回掉函数里的data即为服务端返回的中文字符串,用alert在页面输出后显示为????! 返回英文则是正常的。 求高手帮忙解答,如何让它显示正常的中文,感激不尽!

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

立方体线框模型透视投影 (计算机图形学实验)

计算机图形学实验 立方体线框模型透视投影 的可执行文件,亲测可运行,若需报告可以联系我,期待和各位交流

2019 AI开发者大会

2019 AI开发者大会

组成原理课程设计(实现机器数的真值还原等功能)

实现机器数的真值还原(定点小数)、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

软件测试2小时入门

软件测试2小时入门

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

计算机图形学-球的光照模型课程设计

计算机图形学-球的光照模型,有代码完美运行,有课程设计书

Linux常用命令大全(非常全!!!)

Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考: 系统信息 arch 显示机器的处理器架构 uname -m 显示机器的处理器架构 uname -r 显示正在使用的内核版本 d...

因为看了这些书,我大二就拿了华为Offer

四年了,四年,你知道大学这四年我怎么过的么?

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

fakeLocation13.5.1.zip

fakeLocation13.5.1 虚拟定位 ios13.5.1的最新驱动下载,iPhone/iPad免越狱虚拟定位工具Location-cleaned驱动已更新

UnityLicence

UnityLicence

Python可以这样学(第一季:Python内功修炼)

Python可以这样学(第一季:Python内功修炼)

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

土豆浏览器

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

【数据结构与算法综合实验】欢乐连连看(C++ & MFC)案例

这是武汉理工大学计算机学院数据结构与算法综合实验课程的第三次项目:欢乐连连看(C++ & MFC)迭代开发代码。运行环境:VS2017。已经实现功能:开始游戏、消子、判断胜负、提示、重排、计时、帮助。

php+mysql学生成绩管理系统

学生成绩管理系统,分三个模块:学生,教师和管理员。 管理员模块:负责学生、老师信息的增删改;发布课程信息的增删改,以便让学生选课;审核老师提交的学生成绩并且打印成绩存档;按照课号查询每个课号的学生成绩

多功能数字钟.zip

利用数字电子计数知识设计并制作的数字电子钟(含multisim仿真),该数字钟具有显示星期、24小时制时间、闹铃、整点报时、时间校准功能

推荐24个国外黄色网站欣赏

在中国清朝,明黄色的衣服只有皇子才有资格穿,慢慢的黄色在中国就成了高贵的颜色。在人们的色彩印象中,黄色也表现为暂停。所以当你的网页设计采用黄色的时候,会让人们在你的网页前停留。 黄色,就像橙色和红色,黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩。黄色是所有色相中最能发光的颜色,给人轻快,透明,辉煌,充满希望的色彩印象。 黄色是一个高可见的色...

u-boot-2015.07.tar.bz2

uboot-2015-07最新代码,喜欢的朋友请拿去

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

学生成绩管理系统(PHP + MYSQL)

做的是数据库课程设计,使用的php + MySQL,本来是黄金搭配也就没啥说的,推荐使用wamp服务器,里面有详细的使用说明,带有界面的啊!呵呵 不行的话,可以给我留言!

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

C++语言基础视频教程

C++语言基础视频教程

玩转Python-Python3基础入门

玩转Python-Python3基础入门

相关热词 c# dbml文件 修改 c#遍历tree c# 能够控制单片机 c#对象写入数据库 c# 添加activex c#2005 json c# 数据库在云端 c# 字符串移位加密 c#禁用滚轮 c#实体类list去重复
立即提问