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 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
Ruffy javascript 学习笔记
Nov 30 Javascript
基于jsTree的无限级树JSON数据的转换代码
Jul 27 Javascript
对javascript的一点点认识总结《javascript高级程序设计》读书笔记
Nov 30 Javascript
不同Jquery版本引发的问题解决
Oct 14 Javascript
jquery中插件实现自动添加用户的具体代码
Nov 15 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
jQuery中ajax的get()方法用法实例
Dec 26 Javascript
JavaScript里四舍五入函数round用法实例
Apr 06 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
Jun 18 Javascript
使用vue-router设置每个页面的title方法
Feb 11 Javascript
node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】
Mar 07 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中PDO基础教程 入门级
2011/09/04 PHP
php中实现获取随机数组列表的自定义函数
2015/04/02 PHP
php实现生成code128条形码的方法详解
2017/07/19 PHP
各种效果的jquery ui(接口)介绍
2008/09/17 Javascript
使用js获取QueryString的方法小结
2010/02/28 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
2012/10/12 Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
2013/12/23 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
JavaScript实现url参数转成json形式
2016/09/25 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
理解javascript中的Function.prototype.bind的方法
2017/02/03 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
微信小程序wx:for和wx:for-item的用法详解
2018/04/01 Javascript
layer弹出层父子页面事件相互调用方法
2018/08/17 Javascript
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
2019/06/14 Javascript
JS实现压缩上传图片base64长度功能
2019/12/03 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
JS实现手风琴特效
2020/11/08 Javascript
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
深入理解Django的自定义过滤器
2017/10/17 Python
python中使用%与.format格式化文本方法解析
2017/12/27 Python
python爬虫实例详解
2018/06/19 Python
opencv python 基于KNN的手写体识别的实例
2018/08/03 Python
Python3 无重复字符的最长子串的实现
2019/10/08 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
使用K.function()调试keras操作
2020/06/17 Python
7 For All Mankind官网:美国加州洛杉矶的高级牛仔服装品牌
2018/12/20 全球购物
党员自我批评与反省材料
2014/02/10 职场文书
2014年护士工作总结范文
2014/11/11 职场文书
大学生违纪检讨书范文
2015/05/07 职场文书
公司出差管理制度范本
2015/08/05 职场文书
放假通知怎么写
2015/08/18 职场文书
JavaScript 定时器详情
2021/11/11 Javascript
MySQL库表太大怎么办? 数据库分库分表项目实践
2022/04/11 MySQL