jq实现点击复制文本功能

实现点击钮复制文本的功能多数会用到window.clipboardData.setData()的方法，但是这个方法只针对ie内核浏览器，我使用谷歌调式的时候会报错，如果不想外引js文件就能实现兼容性高的复制文本功能，尝试一下document.execCommand(“Copy”)，上代码：
————————————————

//首先要在html中写一个input标签，标签不能设为隐藏，可以将透明度置为0，这样就看不见了
<input id="hide" type="text" style='opacity: 0'>
//接着就是jq代码片段，$('.copyAddr')是要点击的按钮然后执行复制功能
$('.copyAddr').click(function(){$("#hide").val('要复制的内容');//这里可以获取动态数据赋值给$("#hide").val()$("#hide").select();try {var state = document.execCommand("copy");}catch(err){var state = false;}if(state){alert("复制成功")}else{alert("复制失败")}})

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

小程序文字长按识别复制和自定义一键复制文本功能
1.文字长按识别复制: 把需要长按复制的文字用text标签包裹,然后添加selectable="true"属性即可但是这个属性有些缺点,就是长按后不可以直接全选中文本内容进行复制 ...
js点击复制文本 - 案例篇
文章目录 js点击复制文本 :代码+效果图效果图 · 示下: html 代码如下: 注意代码: 附:[javascript监听键盘事件 - 如表单enter回车提交](https://blog.cs ...
html点击自动复制功能,html5页面如何实现点击复制的功能
html5页面如何实现点击复制的功能发布时间:2020-09-22 11:07:18 来源:亿速云阅读:136 作者:小新这篇文章主要介绍了html5页面如何实现点击复制的功能,具有一定借鉴价值 ...
【前端技巧】实现点击复制文本内容方法
/*** 点击复制文本内容* * @param {String} content * * @author Outman* @date 2022-10-27*/ // [旧]利用inputElement ...
实现一键复制文本功能（laya、egret、cocos）
实现一键复制文本功能(laya.egret.cocos) 如果想转请评论留个言并注明原博 @Sclifftop @13805064305 维尼 https://blog.csdn.net/S_clif ...
js实现复制并能保留原格式粘贴；vue中点击复制粘贴功能；vue复制功能（不需要插件）；
使用场景:vue项目中遇到点击按钮,复制文本的功能.复制成功后可以黏贴. <div @click="copyDesc">复制</div>methods:{c ...
vue中实现点击复制文本内容之clipboard
项目中有些场景需要点击复制某段内容并粘贴的功能如点击复制名称,订单号,文章段落等需要先安装引入使用对应的方法 1.安装 npm install clipboard --save 2.引入直接 ...
JavaScript实现点击复制的功能
需求背景有些时候我们需要实现让用户点击一个按钮就可以复制文字的功能,那么你知道要怎么去做嘛? 代码实现 <!DOCTYPE html> <html lang="en&qu ...
【Android】Android长按复制文本功能
安卓一般能用到长按复制的控件Textview,Editext,可能也有WebView 在开始之前先说一个我遇到的一个坑: viewGroup中有一个这个属性android:descendantFocu ...
android 复制控件,Android长按复制文本功能
安卓一般能用到长按复制的控件Textview,Editext,可能也有WebView 在开始之前先说一个我遇到的一个坑: viewGroup中有一个这个属性android:descendantFocu ...

jq实现点击复制文本功能

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

最新文章

热门文章