php手机一键复制,通过JS实现一键复制指定内容

1、下载 clipboard.js 文件。

2、将以下代码放在 footer.php 中，其中 clipboard.min.js路径请自行修改。

var clipboard = new Clipboard( '.itemCopy' );

clipboard.on('success', function(e){

if(e.trigger.disabled == false ||

e.trigger.disabled == undefined) {

e.trigger.innerHTML="复制成功";

e.trigger.disabled = true;

setTimeout(function() {

e.trigger.innerHTML="一键复制";

e.trigger.disabled = false;

},2000);

}

});

clipboard.on('error', function(e) {

e.trigger.innerHTML="复制失败";

});

在 header.php 头部引入以下 amazeui.css 文件。

4、在文章中引用按钮代码。在编写文章的时候，将代码放在合适的位置，把 data-clipboard-text 的值“复制的内容”修改成指定的内容即可。

一键复制

php手机一键复制,通过JS实现一键复制指定内容 | 外教网相关推荐

通过纯js代码实现将指定内容复制到粘贴板(兼容各主流浏览器)
通过纯js代码实现将指定内容复制到粘贴板(兼容各主流浏览器) 1.业务需求: vue项目需要通过点击button按钮将指定内容复制到粘贴板中,且不引入第三方组件. 2.解决方案: js写法如下(这里是 ...
java程序u盘照片自动复制粘贴,java兑现u盘指定内容的自动复制
import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.JButton; ...
JS实现Web中指定内容的保存与打印功能
背景首先,说说文章的背景.最近手中的一个项目,由于需求中要求提供Web界面的打印功能,当然如果没有打印机,还可以提供保存到本地.项目组长把这个"小任务"分给了我.本着努力为组长分 ...
js html保存word文档,js将页面中指定内容保存到WORD
在网页WEB中,我们可以借助JS代码,将页面中指定的内容或特定的局部内容,而不是整个页面,导出到WORD文档,进而可以通过WORD保存的方法,生成WORD文件. 通过这种方法,在导出的时候,如果是第一 ...
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能简介下载引入插件使用一个节点的复制多个节点的复制剪切文本框复制输入框简介 clipboard.js 提供了一种更好. ...
js实现一键复制到剪切板上_你的“剪切板”正在被网赚者控制
谈这个话题之前,我们得先了解它们为什么要操控我们得剪切板答案当然是为了:"羊毛" 这个行业有个专业名字叫做:自动化网赚有些时候你去查资料,就莫名其妙打开了某宝领了某个小红包.可 ...
js实现一键复制到剪切板上_js实现各种复制到剪贴板的方法
一.实现点击按钮,复制文本框中的的内容 function copyUrl2() { var Url2=document.getElementById("biao1"); Url2. ...
html 一键复制 ios,h5实现一键复制到粘贴板-兼容ios
实现原理采用document.execCommand('copy')来实现复制到粘贴板功能复制必须是选中input框的文字内容,然后执行document.execCommand('copy')命令 ...
vivo手机便签如何快速彻底一键换机使用?
现如今,很多手机都支持一键换机功能.就拿vivo手机来说,用户可通过互传功能将旧手机上的图片.通讯录以及短信等资料一键导入到新手机上共享查看.对于经常使用手机便签的用户来说,vivo手机便签如何快速彻 ...

php手机一键复制,通过JS实现一键复制指定内容 | 外教网

php手机一键复制,通过JS实现一键复制指定内容 | 外教网相关推荐

最新文章

热门文章