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 相关文章推荐
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
js获取下拉列表的值和元素个数示例
May 07 Javascript
JS解析XML文件和XML字符串详解
Apr 17 Javascript
JavaScript手机振动API
Jun 11 Javascript
js放到head中失效的原因与解决方法
Mar 07 Javascript
React Native 集成jpush-react-native的示例代码
Aug 16 Javascript
Angular4绑定html内容出现警告的处理方法
Nov 03 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
Aug 25 Javascript
微信小程序上线发布流程图文详解
May 06 Javascript
Vue.js中该如何自己维护路由跳转记录
May 19 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
May 21 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
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
PHP多维数组指定多字段排序的示例代码
2018/05/16 PHP
执行iframe中的javascript方法
2008/10/07 Javascript
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
JQuery Study Notes 学习笔记(一)
2010/08/04 Javascript
Jquery Validate 正则表达式实用验证代码大全
2013/08/23 Javascript
JS限制文本框只能输入数字和字母方法
2015/02/28 Javascript
jquery简单的弹出层浮动层代码
2015/04/27 Javascript
在JavaScript中使用对数Math.log()方法的教程
2015/06/15 Javascript
AngularJS的一些基本样式初窥
2015/07/27 Javascript
jquery简单实现幻灯片的方法
2015/08/03 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
JavaScript简单验证表单空值及邮箱格式的方法
2017/01/20 Javascript
js实现文字无缝向上滚动
2017/02/16 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
详谈DOM简介及节点、属性、查找节点的方法
2017/11/16 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
2018/01/05 Javascript
微信小程序前端promise封装代码实例
2019/08/24 Javascript
微信小程序swiper实现文字纵向轮播提示效果
2020/01/21 Javascript
Vue切换div显示隐藏,多选,单选代码解析
2020/07/14 Javascript
原生JS实现拖拽功能
2020/12/16 Javascript
Python文档生成工具pydoc使用介绍
2015/06/02 Python
基于Python的关键字监控及告警
2017/07/06 Python
Django框架模板介绍
2019/01/15 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
对pytorch中x = x.view(x.size(0), -1) 的理解说明
2021/03/03 Python
详解window.open被浏览器拦截的解决方案
2019/07/18 HTML / CSS
越南母婴用品购物网站:Kids Plaza
2020/04/09 全球购物
客户接待方案
2014/02/26 职场文书
教育英语专业毕业生的求职信
2014/03/13 职场文书
如何写好自荐信
2014/04/07 职场文书
2019年警察入党转正申请书最新范文
2019/09/03 职场文书
python使用pymysql模块操作MySQL
2021/06/16 Python