jq实现复制文本功能

实现该功能的主要思路是：给元素添加事件，回调获取当前内容，然后赋值到input或者textarea标签中，触发window自带的复制事件，然后隐藏input或者textarea标签即可
具体代码实现：

<button id="btn">这是一个需要复制的文本</button>
<input id="hide" type="text">
<script>$("#btn").click(function(){$("#hide").val($("#btn").text());$("#hide").select();document.execCommand("Copy")})</script>

我这块采用的是input框来进行赋值，最后可以给input框加上样式，透明度为0（不要设置成display：none），然后绝对定位到角落即可。

jq实现复制文本功能相关推荐

小程序文字长按识别复制和自定义一键复制文本功能
1.文字长按识别复制: 把需要长按复制的文字用text标签包裹,然后添加selectable="true"属性即可但是这个属性有些缺点,就是长按后不可以直接全选中文本内容进行复制 ...
实现一键复制文本功能（laya、egret、cocos）
实现一键复制文本功能(laya.egret.cocos) 如果想转请评论留个言并注明原博 @Sclifftop @13805064305 维尼 https://blog.csdn.net/S_clif ...
【Android】Android长按复制文本功能
安卓一般能用到长按复制的控件Textview,Editext,可能也有WebView 在开始之前先说一个我遇到的一个坑: viewGroup中有一个这个属性android:descendantFocu ...
android 复制控件,Android长按复制文本功能
安卓一般能用到长按复制的控件Textview,Editext,可能也有WebView 在开始之前先说一个我遇到的一个坑: viewGroup中有一个这个属性android:descendantFocu ...
Laya 一键复制文本功能
刚开始接触laya,刚好项目中要实现一个一键复制玩家地址的功能,在网上查了一些资料,现在H5和小游戏上面普遍使用的方法有两种,1.clipboard 2.使用document.execCommand ...
html 复制文本按钮,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...
js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理 ...
复制文本功能兼容微信ios 火狐浏览器
1.话不多说先来个小漩涡 2.微信ios 火狐不兼容document.execCommand("copy"); // 执行浏览器复制命令 3.解决方案 <div id=&qu ...
html5点击复制文本框内容,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...

jq实现复制文本功能

jq实现复制文本功能相关推荐

最新文章

热门文章