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 相关文章推荐
图片按比例缩放函数
Jun 26 Javascript
Javascript面向对象编程(三) 非构造函数的继承
Aug 28 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
谈一谈javascript闭包
Jan 28 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
八种Vue组件间通讯方式合集(推荐)
Aug 18 Javascript
js实现磁性吸附的示例
Oct 26 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
【星际争霸1】人族1v7家ZBath
2020/03/04 星际争霸
PHP初学者常见问题集合 修正版(21问答)
2010/03/23 PHP
PHP调用Linux的命令行执行文件压缩命令
2013/01/27 PHP
PHP新建类问题分析及解决思路
2015/11/19 PHP
关于扩展 Laravel 默认 Session 中间件导致的 Session 写入失效问题分析
2016/01/08 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
php判断目录存在的简单方法
2019/09/26 PHP
JavaScript 事件属性绑定带参数的函数
2009/03/13 Javascript
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
javascript实现checkBox的全选,反选与赋值
2015/03/12 Javascript
在JavaScript中操作时间之getMonth()方法的使用
2015/06/10 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
jquery.validate提示错误信息位置方法
2016/01/22 Javascript
JS写谷歌浏览器chrome的外挂实例
2018/01/11 Javascript
小程序图片长按识别功能的实现方法
2018/08/30 Javascript
JS执行控制之节流模式实例分析
2018/12/21 Javascript
js变量声明var使用与不使用的区别详解
2019/01/21 Javascript
Vue路由之JWT身份认证的实现方法
2019/08/26 Javascript
Python返回真假值(True or False)小技巧
2015/04/10 Python
Python选课系统开发程序
2016/09/02 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
基于Django实现日志记录报错信息
2019/12/17 Python
python使用nibabel和sitk读取保存nii.gz文件实例
2020/07/01 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
HTML5 FormData 方法介绍以及实现文件上传示例
2017/09/12 HTML / CSS
navabi英国:设计师大码女装
2019/06/25 全球购物
TCP/IP中的TCP和IP分别承担什么责任
2012/04/21 面试题
高级销售员求职信
2013/10/25 职场文书
实习生的自我评价
2014/01/08 职场文书
单位委托书怎么写
2014/09/21 职场文书
不遵守课堂纪律的检讨书
2014/09/24 职场文书
单位个人查摆问题及整改措施
2014/10/28 职场文书
员工聘用合同范本
2015/09/21 职场文书
2016年五一劳动节专题校园广播稿
2015/12/17 职场文书
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android