博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
点击复制内容到手机粘贴板(简洁易懂-只需五步)
阅读量:3960 次
发布时间:2019-05-24

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

点击按钮复制内容到手机粘贴板

只需简单五步

第一步

npm install clipboard --save

第二步

在需要的页面引入(注:路径根据文件…/) 代码如下↓

第三步

在点击复制触发的函数里new一个实例出来并挂到this上 代码如下↓

this.clipboardJS = new ClipboardJS('.btn')//.btn为点击复制按钮的类名

第四步

在按钮上添加类名btn并添加如下代码data-clipboard-text=“需要复制的内容” 代码如下↓

第五步

按钮上添加类名needsclick 解决ios不兼容问题 按钮最终版代码如下↓

现在点击按钮就可以复制需要复制的内容到手机粘贴板上了,并且不会有ios和安卓的兼容问题

转载地址:http://loqzi.baihongyu.com/

你可能感兴趣的文章
VirtualBox虚拟机网络配置
查看>>
oracle vm virtualbox虚拟机下,CentOS7系统网络配置
查看>>
Windows 10下Docker使用经验谈
查看>>
centos下nmap安装和基础命令
查看>>
ubuntu出现有线已连接却无法上网
查看>>
一句话命令
查看>>
解决Linux CentOS中cp -f 复制强制覆盖的命令无效的方法
查看>>
wdcpv3升级到v3.2后,多PHP版本共存的安装方法
查看>>
centos tar压缩与解压缩
查看>>
Centos 7防火墙firewalld/iptables开放80端口
查看>>
centos 7 yum源文件配置详解及163 yum源更换
查看>>
PHP统计当前网站的访问人数,访问信息,被多少次访问。
查看>>
Windows10远程报错CredSSP加密oracle修正
查看>>
Windows server 2016 设置多用户登陆
查看>>
偶然发现的面包屑
查看>>
每天自动升级你的Centos
查看>>
WDCP v3版本的小工具集
查看>>
CentOS 7 下挂载NTFS文件系统磁盘并设置开机自动挂载
查看>>
Mysql修改最大连接数&重启
查看>>
华为交换机划分vlan
查看>>