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实现模拟页面加载进度条
Apr 01 Javascript
js+css实现的简单易用兼容好的分页
Dec 30 Javascript
JavaScript获取路径设计源码
May 22 Javascript
js动态添加onclick事件可传参数与不传参数
Jul 29 Javascript
无循环 JavaScript(map、reduce、filter和find)
Apr 08 Javascript
Vue from-validate 表单验证的示例代码
Sep 26 Javascript
利用ES6实现单例模式及其应用详解
Dec 09 Javascript
微信小程序WebSocket实现聊天对话功能
Jul 06 Javascript
Next.js实现react服务器端渲染的方法示例
Jan 06 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 04 Javascript
bootstrap实现tab选项卡切换
Aug 09 Javascript
原生js实现放大镜组件
Jan 22 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表单提交问题的解决方法
2011/04/12 PHP
php类的定义与继承用法实例
2015/07/07 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
PHP实现类似于C语言的文件读取及解析功能
2017/09/01 PHP
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
js中 关于undefined和null的区别介绍
2013/04/16 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
2015/02/13 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
2015/05/19 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
javascript设计模式--策略模式之输入验证
2015/11/27 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
微信小程序滚动Tab实现左右可滑动切换
2017/08/17 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
Angular4学习教程之HTML属性绑定的方法
2018/01/04 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
[04:56]经典回顾:前Ehome 与 前LGD
2015/02/26 DOTA
Python中文编码那些事
2014/06/25 Python
Python的Flask开发框架简单上手笔记
2015/11/16 Python
Python操作mongodb数据库进行模糊查询操作示例
2018/06/09 Python
使用anaconda的pip安装第三方python包的操作步骤
2018/06/11 Python
Python延时操作实现方法示例
2018/08/14 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
django项目环境搭建及在虚拟机本地创建django项目的教程
2019/08/02 Python
CSS3的Flexbox布局的简明入门指南
2016/04/08 HTML / CSS
英国DIY汽车维修配件网站:DIY Car Service Parts
2019/08/30 全球购物
室内设计自我鉴定
2013/10/15 职场文书
一份婚庆公司创业计划书
2014/01/11 职场文书
音乐教学反思
2014/02/02 职场文书
暑期社会实践方案
2014/02/05 职场文书
幼儿园元旦亲子活动方案
2014/02/17 职场文书
通知函的格式
2015/04/27 职场文书
微信早安问候语
2015/11/10 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js
Redis特殊数据类型bitmap位图
2022/06/01 Redis