脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 移动端点击按钮复制文本内容

JS实现移动端点击按钮复制文本内容

 更新时间：2019年07月28日 10:29:15   作者：vue笔记  
本文通过实例代码给大家介绍了移动端点击按钮复制文本内容 ，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

移动端点击按钮复制文本内容，具体内容如下所示:

<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实现移动端点击按钮复制文本内容,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

您可能感兴趣的文章:

相关文章

  • 基于JS实现Android,iOS一个手势动画效果

    基于JS实现Android,iOS一个手势动画效果

    这篇文章主要介绍了基于JS实现Android,iOS一个手势动画效果 的相关资料,需要的朋友可以参考下
    2016-04-04
  • javascript实现状态栏中文字动态显示的方法

    javascript实现状态栏中文字动态显示的方法

    这篇文章主要介绍了javascript实现状态栏中文字动态显示的方法,涉及JavaScript基于时间函数动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 微信小程序页面间传值与页面取值操作实例分析

    微信小程序页面间传值与页面取值操作实例分析

    这篇文章主要介绍了微信小程序页面间传值与页面取值操作,结合实例形式分析了微信小程序页面间传值及页面取值操作相关实现技巧与操作注意事项,需要的朋友可以参考下
    2019-04-04
  • javascript读写XML实现广告轮换(兼容IE、FF)

    javascript读写XML实现广告轮换(兼容IE、FF)

    最近更新网站首页广告，ASP.NET的广告控件很容易实现这点，可首页是静态页面，联想广告控件的原理决定采用javascript+xml实现这点方面配置，更新广告时只要更新xml即可，方便了广告轮换
    2013-08-08
  • html中table数据排序的js代码

    html中table数据排序的js代码

    最近应项目要求，需要对table中的数据进行升序或降序排列，于是研究了一下js，希望对大家有帮助。
    2011-08-08
  • JS 页面计时器示例代码

    JS 页面计时器示例代码

    计时器效果想必大家都见到过吧，其实使用js可以很轻松的实现，下面有个不错的示例，感兴趣的朋友可以参考下
    2013-10-10
  • js获取浏览器和屏幕的各种宽度高度

    js获取浏览器和屏幕的各种宽度高度

    本文主要介绍了js获取浏览器和屏幕的各种宽度高度的方法，具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02
  • 前端项目中报错Uncaught (in promise)的解决方法

    前端项目中报错Uncaught (in promise)的解决方法

    最近在做项目的时候控制台报了一个错Uncaught(in promise) false,这篇文章主要给大家介绍了关于前端项目中报错Uncaught (in promise)的解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-04-04
  • JavaScript对Cookie进行读写操作实例

    JavaScript对Cookie进行读写操作实例

    这篇文章主要介绍了JavaScript对Cookie进行读写操作的方法,实例分析了javascript针对cookie的读写操作技巧,非常简单实用,需要的朋友可以参考下
    2015-07-07
  • Javascript前端优化代码

    Javascript前端优化代码

    这篇文章主要介绍了Javascript前端优化代码，对性能优化感兴趣的同学，可以参考下
    2021-04-04

最新评论