帝國cms一鍵復制固定字段內容方法
帝國cms一鍵復制固定字段內容方法要用到一個clipboard.js庫 已打包
js部分代碼:
$(document).ready(function () {
var clipboard = new ClipboardJS('#copytext');
clipboard.on('suess', function (e) {
$('#suess').show();
$('.tipsbg').show();
clipboard.on('suess', function (e) {
showToast({text:'復制成功',bottom:'65%',zindex:2,speed:500,time:2000});
});
clipboard.on('error', function (e) {
showToast({text:'復制失敗,建議升級瀏覽器版本',bottom:'65%',zindex:2,speed:500,time:2000});
});
});
});
模板部分:
<div class="text">
<div id="docopy[!--id--]" class="def">
[!--newstext--]
</div>
</div>
<div class="l">
<a id="copytext" data-clipboard-action="copy" data-clipboard-target="#docopy[!--id--]" title="復制"><i class="fz"></i></a>
</div>
聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至201542412@QQ.com舉報,一經查實,本站將立刻刪除。
相關推薦
-
原生javascript加css和html做一鍵復制功能。
原生jvscrit加css和html做一鍵復制功能。效果如下截圖:jvscrit代碼部分:css代碼:HTML代碼











