本文共 693 字,大约阅读时间需要 2 分钟。
第一步:引入clipboard.js
第二步:设置标签
设置data-clipboard-text的值为要复制的内容; 第三步:在js中进行复制逻辑编写:
$(function(){ $("[data-toggle='tooltip']").tooltip(); $(".publicate").click(function(){ toastr.options = { "closeButton": false, "debug": false, "positionClass": "toast-top-right", "onclick": null, "showDuration": "1000", "hideDuration": "1000", "timeOut": "2000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } toastr.success('复制成功!'); }); new ClipboardJS('.publicate');//复制到剪切板插件})
在这里需要引入两个文件toastr插件的css和js,
点击复制按钮,就会复制成功: