html 点击复制span,WEB前端：利用clipboard.js 进行点击复制文本

日常定制遇到的问题：如何点击复制HTML中的指定文本。clipboard.js是这样说的“拷贝文字不应当是一件困难的事. 不需要过多繁杂的配置或者下载很多脚本文件. 最重要的，它不应该依赖flash或者其他框架，应该保持简洁，这就是clipboard.js存在的目的”。因此，这个JS小插件就生成了(个人理解)下面开始上源码!DOCTYPE html>

&l

日常定制遇到的问题：如何点击复制HTML中的指定文本。

clipboard.js是这样说的“拷贝文字不应当是一件困难的事. 不需要过多繁杂的配置或者下载很多脚本文件. 最重要的，它不应该依赖flash或者其他框架，应该保持简洁，这就是clipboard.js存在的目的”。

因此，这个JS小插件就生成了(个人理解)

下面开始上源码!DOCTYPE html>

复制按钮

网址：Https://blog.mijupai.com/

点击复制

$(document).ready(function(){

var clipboard = new Clipboard('#copy_btn');

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

alert("复制成功",1500);

e.clearSelection();

console.log(e.clearSelection);

});

});

这里需要注意的是必须依赖JQ

clipboard若地址失效，请百度获取其他地址

new Clipboard('#copy_btn'); 其中copy_btn为点击按钮，或其他

data-clipboard-target="#target" 其中target为被复制的内容

已收藏  |  0