博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现按钮复制功能
阅读量:5810 次
发布时间:2019-06-18

本文共 486 字,大约阅读时间需要 1 分钟。

  hot3.png

“按钮复制”功能,即点击一个按钮,将内容复制到剪切版上。

功能如下图所示:

  1. 点击“复制密码”按钮。
  2. 服务器密码即复制到剪切版上,并弹出提示信息。

实现如下:

html代码:

当前服务器密码是:

js代码:

var data = "passwordTest";//加载数据$('#password').html(data);$('#passwordCopy').val(data);//复制按钮$('.btn-password-copy').on('click', function() {    var input = document.getElementById("passwordCopy");    // 选中文本    input.select();    // 执行浏览器复制命令    document.execCommand("copy");    gop.tips("成功复制到剪切版!");});

转载于:https://my.oschina.net/funcy/blog/3001139

你可能感兴趣的文章
数据库基础
查看>>
表格排序
查看>>
关于Android四大组件的学习总结
查看>>
java只能的round,ceil,floor方法的使用
查看>>
由于无法创建应用程序域,因此未能执行请求。错误: 0x80070002 系统找不到指定的文件...
查看>>
新开的博客,为自己祝贺一下
查看>>
puppet任务计划
查看>>
【CQOI2011】放棋子
查看>>
采用JXL包进行EXCEL数据写入操作
查看>>
***CodeIgniter框架集成支付宝即时到账支付SDK
查看>>
Struts2访问ServletAPI的三种方式
查看>>
一周总结
查看>>
将txt文件转化为json进行操作
查看>>
XML
查看>>
【我的总结20170823】多实例部署
查看>>
[MySQL优化案例]系列 — slave延迟很大优化方法
查看>>
线性表4 - 数据结构和算法09
查看>>
C语言数据类型char
查看>>
Python线程详解
查看>>
Online Patching--EBS R12.2最大的改进
查看>>