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 相关文章推荐
THREE.JS入门教程(5)你应当知道的十件事
Jan 24 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
DOM节点深度克隆函数cloneNode()用法实例
Jan 12 Javascript
js实现简单随机抽奖的方法
Jan 27 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
在vue项目中引入vue-beauty操作方法
Feb 11 Javascript
详解小程序如何避免多次点击,重复触发事件
Apr 08 Javascript
微信小程序使用字体图标的方法
May 23 Javascript
JavaScript基础之this和箭头函数详析
Sep 05 Javascript
关于angular浏览器兼容性问题的解决方案
Jul 26 Javascript
JavaScript数组排序的六种常见算法总结
Aug 18 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+jQuery翻板抽奖功能实现
2015/10/19 PHP
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
短信提示使用 特效
2007/01/19 Javascript
jQuery 名称冲突的解决方法
2011/04/08 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
2013/12/06 Javascript
js+csss实现的一个带复选框的下拉框
2014/09/29 Javascript
jQuery判断元素上是否绑定了指定事件的方法
2015/03/17 Javascript
apply和call方法定义及apply和call方法的区别
2015/11/15 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
AngularJS基础 ng-list 指令详解及示例代码
2016/08/02 Javascript
关于json字符串与实体之间的严格验证代码
2016/11/10 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
pymongo为mongodb数据库添加索引的方法
2015/05/11 Python
Python上传package到Pypi(代码简单)
2016/02/06 Python
Python实现按学生年龄排序的实际问题详解
2017/08/29 Python
Python random模块用法解析及简单示例
2017/12/18 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
解决pyinstaller打包exe文件出现命令窗口一闪而过的问题
2018/10/31 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
python实现的汉诺塔算法示例
2019/10/23 Python
一篇文章带你学习CSS3图片边框
2020/11/04 HTML / CSS
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
Laura Mercier官网:彩妆大师罗拉玛斯亚的化妆品牌
2018/01/04 全球购物
伦敦一家领先的精品零售商:IRIS Fashion
2019/05/24 全球购物
俄罗斯儿童和青少年服装、鞋子及配件的在线商店:Orby
2020/02/20 全球购物
小学关爱留守儿童活动方案
2014/08/25 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
交警正风肃纪剖析材料
2014/10/29 职场文书
2014年安全员工作总结
2014/11/13 职场文书
漂亮妈妈观后感
2015/06/08 职场文书