微信小游戏复制文本到剪切板(JavaScript代码实现)
微信小游戏复制文本到剪切板(JavaScript代码实现)
- 前言:
- 正文:
- 结尾
前言:
我们在小游戏开发的时候经常会有一些需求,例如查询好友,或者切换到微信搜索微信公众号引流,这时候一般都会需要提供复制用户id,或者复制微信公众号id的功能,下面给大家提供一个万能的复制文本到剪切板的代码实现。
正文:
主要思路是:创建input对象,加入到当前游戏的document里,然后把需要复制的文本写入到input对象的value里面,再把input对象的value复制到剪切板,然后删除input对象。
下面是具体代码:
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;}var flag = copyText("关注公众号XXXXX/好友id:123456"); //传递文本console.error(flag ? "复制成功!" : "复制失败!");
当然,微信也提供了api给我们用,上面代码适用于大部分H5小游戏中,如果是微信小游戏,建议直接使用微信api:
wx.setClipboardData({data: '微信id:123456',success (res) {console.error("复制成功")wx.getClipboardData({success (res) {console.log(res.data) // data}})}
})
结尾
如果觉得实用,麻烦点赞,收藏,关注走一波,谢谢~~
微信小游戏复制文本到剪切板(JavaScript代码实现)相关推荐
- Cocos2dx 复制文本到剪切板(Android 和 ios)
Cocos2dx 复制文本到剪切板(Android 和 ios) 至于c++调用java lua调用java 等方法这里不介绍了.下面本人真机亲测.如果有问题请留言交流. 1.Android 实现方式 ...
- js 复制图片到剪切板 和 js复制文本到剪切板
js 复制图片到剪切板 <a href="javascript:;" id="copyQrcode" data-base=""> ...
- JS复制文本到剪切板
// 是否支持复制 export const isSupportCopy = ((!!document.queryCommandSupported) && document.query ...
- js 复制文本到剪切板 document.execCommand(“copy“)
本函数的原理是调用document.execCommand的copy命令 document.execCommand("copy")对不同浏览器的兼容性不同,详情请在这里参考 函数: ...
- 微信小程序点击复制文本至剪切板
只需要在点击事件内使用 wx.setClipboardData这个API即可 wx.setClipboardData({data: '_______',//需要复制的内容success: functi ...
- 微信小程序点击复制文本到剪切板,获取剪切板内容
设置剪切板:wx.setClipboardData 获取剪切板:wx.getClipboardData api:https://developers.weixin.qq.com/miniprogram ...
- android 复制字符串,Cocos2dx 复制文本到剪切板(Android 和 ios)
ClipboardManager cm = (ClipboardManager) getSystemService(Context.CLIPBOARD_SERVICE); cm.setText(要复制 ...
- HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题
1. 执行以下解决方案条件:(这个是原理) ①执行复制方法时 所复制文字不能被任何 块级元素和行内块元素和行内元素遮盖否则无效:(解决方案:将文本通过绝对定位或其他方式移除屏幕外) ②ios中不能复制 ...
- js兼容安卓和IOS的复制文本到剪切板,已做浏览器兼容处理,勿需插件
开发需求:手机端,点击按钮实现需复制的文本内容: 案例已做手机端浏览器兼容处理经测试,[QQ,微信,苹果,360,UC等],可正常使用: 案例代码如下:****(使用时:请调试到手机模式) 案列1:单 ...
最新文章
- 线性代数 第二章 矩阵及其运算
- 复制字符串小程序笔记
- mysql bit类型 使用select查询无法看到其值
- OpenCV学习笔记:矩阵的掩码操作
- java 通用对象_java中对所有对象都通用的方法
- 【转载】中国煤层气资源量
- 尚硅谷设计模式-观察者模式
- 计算机离散数学视频教程,离散数学(全105讲)【理工学社】
- mac 如何安装 wget
- 可视化h5界面编辑器_超优秀 H5可视化制作编辑器H5DS
- 从零开始学USB(十五、USB的设备状态)
- 基于51单片机霍尔汽车自行车码表测速测里程显示proteus仿真原理图PCB
- 英语学习详细笔记(十七)间接问句
- 液晶电视英文linux使用教程,Arduino 1602液晶屏实验和程序
- vue 创建一个 表格,横向纵向都可以增加(减少)行和列,并且内容内容可以输入,标题可以修改
- uni 页面加载完毕_uniapp小程序如何等待数据回来才加载页面?
- 网管必看的好东东(十)
- android 桥接,路由器一键桥接Android实现
- 美FCC授权SpaceX星链可为飞机、车辆等交通工具提供移动互联网服务
- HDFS java API操作