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放大镜效果
Dec 08 Javascript
简单常用的幻灯片播放实现代码
Sep 25 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
Nov 19 Javascript
JS 在指定数组中随机取出N个不重复的数据
Jun 10 Javascript
JS使用cookie实现DIV提示框只显示一次的方法
Nov 05 Javascript
bootstrap table操作技巧分享
Feb 15 Javascript
微信小程序自动客服功能
Nov 02 Javascript
浅谈Angular6的服务和依赖注入
Jun 27 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
用vue-cli开发vue时的代理设置方法
Sep 20 Javascript
基于node简单实现RSA加解密的方法步骤
Mar 21 Javascript
JS 创建对象的模式实例小结
Apr 28 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
第三节--定义一个类
2006/11/16 PHP
PHP PDO函数库详解
2010/04/27 PHP
PHP中输出转义JavaScript代码的实现代码
2011/04/22 PHP
PHP substr 截取字符串出现乱码问题解决方法[utf8与gb2312]
2011/12/16 PHP
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
数组与类使用PHP的可变变量名需要的注意的问题
2013/06/20 PHP
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
PHP生成短网址方法汇总
2016/07/12 PHP
PHP导出带样式的Excel示例代码
2016/08/28 PHP
php实现图片以base64显示的方法
2016/10/13 PHP
JS window.opener返回父页面的应用
2009/10/24 Javascript
ExtJS GridPanel 根据条件改变字体颜色
2010/03/08 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
2010/05/26 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
2013/07/07 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
javascript每日必学之多态
2016/02/23 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
2016/05/31 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
深入理解React中何时使用箭头函数
2017/08/23 Javascript
基于bootstrop常用类总结(推荐)
2017/09/11 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
Python编程中字符串和列表的基本知识讲解
2015/10/14 Python
Python爬取三国演义的实现方法
2016/09/12 Python
用不到50行的Python代码构建最小的区块链
2017/11/16 Python
python中is与双等于号“==”的区别示例详解
2017/11/21 Python
Python中eval带来的潜在风险代码分析
2017/12/11 Python
推荐10款最受Python开发者欢迎的Python IDE
2018/09/16 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法
2020/02/26 Python
可视化pytorch 模型中不同BN层的running mean曲线实例
2020/06/24 Python
python利用xpath爬取网上数据并存储到django模型中
2021/02/26 Python
Java中实现多态的机制是什么?
2014/12/07 面试题
环境建设实施方案
2014/03/14 职场文书
2014年团支部工作总结
2014/11/17 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书