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 相关文章推荐
轻轻松松学习JavaScript
Feb 25 Javascript
疯掉了,尽然有js写的操作系统
Apr 23 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
May 25 Javascript
用Javascript实现Windows任务管理器的代码
Mar 27 Javascript
javascript for循环从入门到偏门(效率优化+奇特用法)
Aug 01 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
js+css实现有立体感的按钮式文字竖排菜单效果
Sep 01 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
Apr 13 Javascript
微信小程序scroll-view不能左右滑动问题的解决方法
Jul 09 Javascript
JavaScript ES6的函数拓展
Jan 18 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
迅雷下载《中学科技》怀旧期刊下载
2021/02/27 无线电
ThinkPHP通过AJAX返回JSON的两种实现方法
2014/12/18 PHP
smarty自定义函数用法示例
2016/05/20 PHP
PHP用continue跳过本次循环中剩余代码的注意点
2017/06/27 PHP
jquery validator 插件增加日期比较方法
2010/02/21 Javascript
新鲜出炉的js tips提示效果
2011/04/03 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
addeventlistener监听scroll跟touch(实例讲解)
2017/08/04 Javascript
Vue递归实现树形菜单方法实例
2018/11/06 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
2019/03/28 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
关于vue-cli 3配置打包优化要点(推荐)
2019/04/22 Javascript
JavaScript中的垃圾回收与内存泄漏示例详解
2019/05/02 Javascript
vue 解决addRoutes多次添加路由重复的操作
2020/08/04 Javascript
vue实现移动端拖动排序
2020/08/21 Javascript
[04:26]2014DOTA2国际邀请赛-Newbee顺利进入胜者组决赛 独家专访战神7
2014/07/19 DOTA
在Django的模型中添加自定义方法的示例
2015/07/21 Python
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
Python文本处理之按行处理大文件的方法
2018/04/09 Python
tensorflow 中对数组元素的操作方法
2018/07/27 Python
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
将pymysql获取到的数据类型是tuple转化为pandas方式
2020/05/15 Python
Python Selenium自动化获取页面信息的方法
2020/08/31 Python
意大利大型购物中心:Oliviero.it
2017/10/19 全球购物
澳大利亚在线奢侈品时尚零售平台:Azura Runway
2021/01/13 全球购物
校园绿化美化方案
2014/06/08 职场文书
保险专业求职信
2014/07/07 职场文书
我是一名护士演讲稿
2014/08/28 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
网聊搭讪开场白
2015/05/28 职场文书
爱国主题班会教案
2015/08/14 职场文书
2016年国庆节67周年活动总结
2016/04/01 职场文书
python使用pymysql模块操作MySQL
2021/06/16 Python