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 this 深入理解
Jul 30 Javascript
用表格输出1-1000之间的数字实现代码(附特效)
Apr 21 Javascript
jQuery的context属性用法实例
Dec 27 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
Nov 16 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
Nov 17 Javascript
javascript闭包概念简单解析(推荐)
Jun 03 Javascript
jquery表单提交带错误信息提示效果
Mar 09 Javascript
js实现显示手机号码效果
Mar 09 Javascript
jQuery ajax实现省市县三级联动
Mar 07 Javascript
Js利用Canvas实现图片压缩功能
Sep 13 Javascript
ES6基础之字符串和函数的拓展详解
Aug 22 Javascript
JavaScript简单编程实例学习
Feb 14 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连接数据库代码应用分析
2011/05/29 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
PHP实现cookie跨域session共享的方法分析
2019/08/23 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
fromCharCode和charCodeAt 方法
2006/12/27 Javascript
jquery select 设置默认选中的示例代码
2014/02/07 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
浅析JS原型继承与类的继承
2016/04/07 Javascript
javascript 数组的定义和数组的长度
2016/06/07 Javascript
Windows下使用Nodejs运行js的方法
2017/09/02 NodeJs
浅谈Vue SPA 首屏加载优化实践
2017/12/15 Javascript
vue如何进行动画的封装
2018/09/26 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
Python在图片中添加文字的两种方法
2017/04/29 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
Python解决两个整数相除只得到整数部分的实例
2018/11/10 Python
如何理解Python中的变量
2020/06/01 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
新百伦折扣店:Joe’s New Balance Outlet
2016/08/20 全球购物
世界上最大的汽车共享网站:Zipcar
2017/01/14 全球购物
美国生日蛋糕店:Bake Me A Wish!
2017/02/08 全球购物
中医专业职业生涯规划书范文
2014/01/04 职场文书
列车长先进事迹材料
2014/01/25 职场文书
保护环境的标语
2014/06/09 职场文书
汉字听写大会观后感
2015/06/12 职场文书
单位车辆管理制度
2015/08/05 职场文书
教师节祝酒词
2015/08/11 职场文书
社区服务理念口号
2015/12/25 职场文书
酒店工程部的岗位职责汇总大全
2019/10/23 职场文书
html中两种获取标签内的值的方法
2022/06/16 jQuery