张利源 blog
; nction(){ var copyHtml = ''; copyHtml += ''; $(".highlight .code pre").before(copyHtml); $(".article pre code").before(copyHtml); var clipboard = new ClipboardJS('.btn-copy', { target: function(trigger) { return trigger.nextElementSibling; } }); clipboard.on('success', function(e) { let $btn = $(e.trigger); $btn.addClass('copied'); let $icon = $($btn.find('i')); $icon.removeClass('fa-copy'); $icon.addClass('fa-check-circle'); let $span = $($btn.find('span')); $span[0].innerText = 'COPIED'; wait(function () { // 等待两秒钟后恢复 $icon.removeClass('fa-check-circle'); $icon.addClass('fa-copy'); $span[0].innerText = 'COPY'; }, 2000); }); clipboard.on('error', function(e) { e.clearSelection(); let $btn = $(e.trigger); $btn.addClass('copy-failed'); let $icon = $($btn.find('i')); $icon.removeClass('fa-copy'); $icon.addClass('fa-times-circle'); let $span = $($btn.find('span')); $span[0].innerText = 'COPY FAILED'; wait(function () { // 等待两秒钟后恢复 $icon.removeClass('fa-times-circle'); $icon.addClass('fa-copy'); $span[0].innerText = 'COPY'; }, 2000); }); } initCopyCode(); }(window, document);