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 相关文章推荐
JQuery live函数
Dec 24 Javascript
js中arguments的用法(实例讲解)
Nov 30 Javascript
详解JavaScript语法对{}处理的坑爹之处
Jun 05 Javascript
基于ajax实现文件上传并显示进度条
Aug 03 Javascript
JS实现获取来自百度,Google,soso,sogou关键词的方法
Dec 21 Javascript
node.js入门教程之querystring模块的使用方法
Feb 27 Javascript
Vue.js学习教程之列表渲染详解
May 17 Javascript
Vue瀑布流插件的使用示例
Sep 19 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
js实现点击烟花特效
Oct 14 Javascript
vue 使用localstorage实现面包屑的操作
Nov 16 Javascript
JavaScript的function函数详细介绍
Nov 20 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
xml+php动态载入与分页
2006/10/09 PHP
php xml文件操作代码(一)
2009/03/20 PHP
discuz免激活同步登入代码修改方法(discuz同步登录)
2013/12/24 PHP
php rsa加密解密使用详解
2015/01/14 PHP
许愿墙中用到的函数
2006/10/07 Javascript
JQuery 绑定事件时传递参数的实现方法
2009/10/13 Javascript
JQuery实现用户名无刷新验证的小例子
2013/03/22 Javascript
Node.js中使用Buffer编码、解码二进制数据详解
2014/08/16 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
2015/08/04 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
2015/08/07 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
JavaScript定时器制作弹窗小广告
2017/02/05 Javascript
javascript 中Cookie读、写与删除操作
2017/03/29 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
2017/11/07 Javascript
js最简单的双向绑定实例讲解
2018/01/02 Javascript
localstorage实现带过期时间的缓存功能
2019/06/28 Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
2019/10/02 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
Python socket C/S结构的聊天室应用实现
2014/11/30 Python
python django使用haystack:全文检索的框架(实例讲解)
2017/09/27 Python
python机器学习之神经网络(一)
2017/12/20 Python
一篇文章搞懂Python的类与对象名称空间
2018/12/10 Python
新手学python应该下哪个版本
2020/06/11 Python
HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题
2012/12/13 HTML / CSS
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
澳大利亚在线生活方式商店:Mytopia
2018/07/08 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
金讯Java笔试题目
2013/06/18 面试题
英语专业毕业生自我鉴定
2013/11/09 职场文书
教师节促销方案
2014/03/22 职场文书
实习推荐信
2014/05/10 职场文书
私用公车造成事故检讨书
2014/11/16 职场文书
2014年实习期工作总结
2014/11/27 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python
SQL Server使用T-SQL语句批处理
2022/05/20 SQL Server