微信小游戏复制文本到剪切板(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代码实现)相关推荐

  1. Cocos2dx 复制文本到剪切板(Android 和 ios)

    Cocos2dx 复制文本到剪切板(Android 和 ios) 至于c++调用java lua调用java 等方法这里不介绍了.下面本人真机亲测.如果有问题请留言交流. 1.Android 实现方式 ...

  2. js 复制图片到剪切板 和 js复制文本到剪切板

    js 复制图片到剪切板 <a href="javascript:;" id="copyQrcode" data-base=""> ...

  3. JS复制文本到剪切板

    // 是否支持复制 export const isSupportCopy = ((!!document.queryCommandSupported) && document.query ...

  4. js 复制文本到剪切板 document.execCommand(“copy“)

    本函数的原理是调用document.execCommand的copy命令 document.execCommand("copy")对不同浏览器的兼容性不同,详情请在这里参考 函数: ...

  5. 微信小程序点击复制文本至剪切板

    只需要在点击事件内使用 wx.setClipboardData这个API即可 wx.setClipboardData({data: '_______',//需要复制的内容success: functi ...

  6. 微信小程序点击复制文本到剪切板,获取剪切板内容

    设置剪切板:wx.setClipboardData 获取剪切板:wx.getClipboardData api:https://developers.weixin.qq.com/miniprogram ...

  7. android 复制字符串,Cocos2dx 复制文本到剪切板(Android 和 ios)

    ClipboardManager cm = (ClipboardManager) getSystemService(Context.CLIPBOARD_SERVICE); cm.setText(要复制 ...

  8. HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题

    1. 执行以下解决方案条件:(这个是原理) ①执行复制方法时 所复制文字不能被任何 块级元素和行内块元素和行内元素遮盖否则无效:(解决方案:将文本通过绝对定位或其他方式移除屏幕外) ②ios中不能复制 ...

  9. js兼容安卓和IOS的复制文本到剪切板,已做浏览器兼容处理,勿需插件

    开发需求:手机端,点击按钮实现需复制的文本内容: 案例已做手机端浏览器兼容处理经测试,[QQ,微信,苹果,360,UC等],可正常使用: 案例代码如下:****(使用时:请调试到手机模式) 案列1:单 ...

最新文章

  1. 线性代数 第二章 矩阵及其运算
  2. 复制字符串小程序笔记
  3. mysql bit类型 使用select查询无法看到其值
  4. OpenCV学习笔记:矩阵的掩码操作
  5. java 通用对象_java中对所有对象都通用的方法
  6. 【转载】中国煤层气资源量
  7. 尚硅谷设计模式-观察者模式
  8. 计算机离散数学视频教程,离散数学(全105讲)【理工学社】
  9. mac 如何安装 wget
  10. 可视化h5界面编辑器_超优秀 H5可视化制作编辑器H5DS
  11. 从零开始学USB(十五、USB的设备状态)
  12. 基于51单片机霍尔汽车自行车码表测速测里程显示proteus仿真原理图PCB
  13. 英语学习详细笔记(十七)间接问句
  14. 液晶电视英文linux使用教程,Arduino 1602液晶屏实验和程序
  15. vue 创建一个 表格,横向纵向都可以增加(减少)行和列,并且内容内容可以输入,标题可以修改
  16. uni 页面加载完毕_uniapp小程序如何等待数据回来才加载页面?
  17. 网管必看的好东东(十)
  18. android 桥接,路由器一键桥接Android实现
  19. 美FCC授权SpaceX星链可为飞机、车辆等交通工具提供移动互联网服务
  20. HDFS java API操作

热门文章

  1. 提示ora-04098:触发器无效且未通过重新验证
  2. pandas-新手使用教程
  3. 汽车碰撞模拟和乘员保护
  4. 华硕P8Z77 双显示器连接方法, 远程桌面双显示器的连接方法
  5. WKC秘制读(写)挂
  6. mysql 修改wait_timeout_MySQL wait_timeout参数修改
  7. android电视分辨率是多少合适,液晶电视怎么调分辨率 分辨率多少合适
  8. MASA MAUI Plugin 安卓蓝牙低功耗(一)蓝牙扫描
  9. 【Linux】零成本在家搭建自己的私人服务器解决方案
  10. ONE仿真器移动模型简介