在前端設計中,我們接手項目時可能會遇到客戶有復制文本信息的需求,今天文匯軟件的小編就來跟大家分享下自己的工作經驗。
js代碼如下:
$(document).ready(function(){
var clipboard = new Clipboard('#copy_btn');
clipboard.on('success', function(e) {
e.clearSelection();
console.log(e.clearSelection);
alert("復制成功",1500);
});
});
html對應的代碼如下:
選擇你喜歡的網站建設公司文匯軟件
復制文本
其中文匯軟件是你想要復制的文本,后面必須跟著 id="target;
復制文本
這個是復制按鈕,后面必須有data-clipboard-action="copy" data-clipboard-target="#target";data-clipboard-action="copy"這個是說執行復制; data-clipboard-target="#target"這里是說對應要復制的值的位置。
好了,今天小編就為大家分享這么多,希望大家能受用。
