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