JS实现移动端点击按钮复制文本内容


Posted in Javascript onJuly 28, 2019

移动端点击按钮复制文本内容,具体内容如下所示:

<div>
<p>邀请码</p>
//
<p id="inviteCode" class="inviteCode">{{invite_code}}</p>
<input id="inviteCode" class="inviteCode" type="text" />
<p class="copy">复制</p>
</div>

copy() {

var Url2 = this.invite_code;

//var oInput = document.createElement("input");

var oInput = document.getElementById("inviteCode");

//oInput.value = Url2;

// document.body.appendChild(oInput);

oInput.select();// 选择对象

//document.execCommand("Cut","false",null);// 执行浏览器剪切命令

document.execCommand("Copy");// 执行浏览器复制命令

//oInput.className = "oInput";

//oInput.style.display = "none";

alert("复制成功");

//console.log(document.execCommand("Copy"))

},

总结

以上所述是小编给大家介绍的JS实现移动端点击按钮复制文本内容,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
May 13 Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
Sep 04 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
JavaScript实现添加及删除事件的方法小结
Aug 04 Javascript
js 定义对象数组(结合)多维数组方法
Jul 27 Javascript
js获取当前时间(昨天、今天、明天)
Nov 23 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
Feb 15 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
使用Bootstrap打造特色进度条效果
May 02 Javascript
浅谈vue的踩坑路
Aug 31 Javascript
JavaScript设计模式之代理模式简单实例教程
Jul 03 Javascript
微信小程序文字显示换行问题
Jul 28 #Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 #Javascript
pageGroup.js实现分页功能
Jul 27 #Javascript
laypage+SpringMVC实现后端分页
Jul 27 #Javascript
laypage.js分页插件使用方法详解
Jul 27 #Javascript
layui2.0使用table+laypage实现真分页
Jul 27 #Javascript
微信小程序 腾讯地图显示偏差问题解决
Jul 27 #Javascript
You might like
PHP 中英文混合排版中处理字符串常用的函数
2007/04/12 PHP
PHP生成唯一订单号
2015/07/05 PHP
PHP使用array_merge重新排列数组下标的方法
2015/07/22 PHP
php 修改上传文件大小限制实例详解
2016/10/23 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
微信企业转账之入口类分装php代码
2018/10/01 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
javascript 仿QQ滑动菜单效果代码
2010/09/03 Javascript
也说JavaScript中String类的replace函数
2011/09/22 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
2012/12/30 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
JS实现动态增加和删除li标签行的实例代码
2016/10/16 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
利用jquery去掉时光轴头尾部线条的方法实例
2017/06/16 jQuery
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
微信小程序实现购物页面左右联动
2019/02/15 Javascript
vue父组件给子组件的组件传值provide inject的方法
2019/10/23 Javascript
vue-router 按需加载 component: () =&gt; import() 报错的解决
2020/09/22 Javascript
让你30分钟快速掌握vue3教程
2020/10/26 Javascript
[01:14]2019完美世界城市挑战赛(秋季赛)全国总决赛精彩花絮
2020/01/08 DOTA
python 3.7.0 安装配置方法图文教程
2018/08/27 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
Python实现插入排序和选择排序的方法
2019/05/12 Python
Python OpenCV 调用摄像头并截图保存功能的实现代码
2019/07/02 Python
python sqlite的Row对象操作示例
2019/09/11 Python
python中实现栈的三种方法
2020/12/19 Python
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
简单的JAVA编程面试题
2013/03/19 面试题
幼儿园教师请假制度
2014/01/16 职场文书
如何写自我鉴定
2014/03/19 职场文书
幼儿园标语大全
2014/06/19 职场文书
Mybatis是这样防止sql注入的
2021/12/06 Java/Android
Python实现提取PDF简历信息并存入Excel
2022/04/02 Python
TS 类型收窄教程示例详解
2022/09/23 Javascript