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 相关文章推荐
jQuery1.4.2与老版本json格式兼容的解决方法
Feb 12 Javascript
javascript 另一种图片滚动切换效果思路
Apr 20 Javascript
JavaScript DOM进阶方法
Apr 13 Javascript
基于jquery实现页面滚动到底自动加载数据的功能
Dec 19 Javascript
关于List.ToArray()方法的效率测试
Sep 30 Javascript
关于ES6的六个小特性(二)
Feb 20 Javascript
Angular中使用better-scroll插件的方法
Mar 27 Javascript
JavaScript继承定义与用法实践分析
May 28 Javascript
javascript实现弹出层效果
Dec 10 Javascript
如何基于filter实现网站整体变灰功能
Apr 17 Javascript
JavaScript实现随机点名小程序
Oct 29 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
Dec 02 Vue.js
微信小程序文字显示换行问题
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计数器的实现代码
2013/06/08 PHP
PHP mysql与mysqli事务使用说明 分享
2013/08/17 PHP
js 目录列举函数
2008/11/06 Javascript
Javascript Tab 导航插件 (23个)
2009/06/11 Javascript
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
jquery的父子兄弟节点查找示例代码
2014/03/03 Javascript
jquery 实现两级导航菜单附效果图
2014/03/07 Javascript
JS生成随机字符串的多种方法
2014/06/10 Javascript
js获取元素外链样式的方法
2015/01/27 Javascript
Javascript控制input输入时间格式的方法
2015/01/28 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
基于JS代码实现导航条弹出式悬浮菜单
2016/06/17 Javascript
详解webpack+gulp实现自动构建部署
2017/06/29 Javascript
babel的使用及安装配置教程
2018/02/22 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
[01:14]辉夜杯战队访谈宣传片—NEWBEE.Y
2015/12/26 DOTA
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
浅谈python中的getattr函数 hasattr函数
2016/06/14 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
Python字典操作详细介绍及字典内建方法分享
2018/01/04 Python
关于tf.nn.dynamic_rnn返回值详解
2020/01/20 Python
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
数学系毕业生的自我评价
2014/01/10 职场文书
《雨点》教学反思
2014/02/12 职场文书
会计助理岗位职责
2014/02/17 职场文书
政风行风建设责任书
2014/07/23 职场文书
民主生活会对照检查材料思想汇报
2014/09/27 职场文书
工人先锋号申报材料
2014/12/29 职场文书
大客户经理岗位职责
2015/04/09 职场文书
团日活动总结格式
2015/05/11 职场文书
雷锋的故事观后感
2015/06/10 职场文书
《比的意义》教学反思
2016/02/18 职场文书
详解gantt甘特图可拖拽、编辑(vue、react都可用 highcharts)
2021/11/27 Vue.js