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代码
Apr 22 Javascript
JS高级笔记
Jul 13 Javascript
js判断输入是否为数字的具体实例
Aug 03 Javascript
jquery实现弹出窗口效果的实例代码
Nov 28 Javascript
Javascript玩转继承(三)
May 08 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
Jan 13 Javascript
COM组件中调用JavaScript函数详解及实例
Feb 23 Javascript
基于vue.js中事件修饰符.self的用法(详解)
Feb 23 Javascript
vue.js将时间戳转化为日期格式的实现代码
Jun 05 Javascript
Three.JS实现三维场景
Dec 30 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
Jan 15 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生成excel文件到指定目录
2015/06/22 PHP
PHP开发API接口签名生成及验证操作示例
2020/05/27 PHP
greybox——不开新窗口看新的网页
2007/02/20 Javascript
学习ExtJS border布局
2009/10/08 Javascript
使用javascript控制cookie显示和隐藏背景图
2014/02/12 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
解决js函数闭包内存泄露问题的办法
2016/01/25 Javascript
jquery.validate使用详解
2016/06/02 Javascript
Vue2组件tree实现无限级树形菜单
2017/03/29 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
vue 中swiper的使用教程
2018/05/22 Javascript
详解如何在微信小程序开发中正确的使用vant ui组件
2018/09/13 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
2018/11/30 Javascript
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
2019/01/18 jQuery
PHP实现基于Redis的MessageQueue队列封装操作示例
2019/02/02 Javascript
node.js命令行教程图文详解
2019/05/27 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
uniapp微信小程序:key失效的解决方法
2021/01/20 Javascript
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
linux 下实现python多版本安装实践
2014/11/18 Python
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
教你使用python实现微信每天给女朋友说晚安
2018/03/23 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
pandas读取csv文件,分隔符参数sep的实例
2018/12/12 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
对Django中static(静态)文件详解以及{% static %}标签的使用方法
2019/07/28 Python
Python面向对象封装操作案例详解 II
2020/01/02 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
用CSS3实现无限循环的无缝滚动的实例代码
2017/07/04 HTML / CSS
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
高中生学期学习自我评价
2014/02/24 职场文书
《金色的脚印》教后反思
2014/04/23 职场文书
委托收款证明
2015/06/23 职场文书
php双向队列实例讲解
2021/11/17 PHP
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL