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 的值“复制的内容”修改成指定的内容即可。

一键复制