鍍金池/ 問答/HTML/ clipboard.js能不能實(shí)現(xiàn)批量復(fù)制方法?

clipboard.js能不能實(shí)現(xiàn)批量復(fù)制方法?

<input type="text" id="fuzhi" value="我是被復(fù)制的內(nèi)容 我們不一樣 ">
<button data-clipboard-action="copy" data-clipboard-target="#fuzhi"title="復(fù)制">復(fù)制</button>
    <input type="text" id="fuzhi2" value="我是被復(fù)制的內(nèi)容 我是被復(fù)制的內(nèi)容 我和第一條不一樣">
    <button data-clipboard-action="copy" data-clipboard-target="#fuzhi2"title="復(fù)制">復(fù)制</button>
    <input type="text" id="fuzhi3" value="我是被復(fù)制的內(nèi)容 我和第二條不一樣">
    <button data-clipboard-action="copy" data-clipboard-target="#fuzhi3"title="復(fù)制">復(fù)制</button>
    <input type="text" id="fuzhi4" value="我是被復(fù)制的內(nèi)容 我和第三條不一樣">
    <button data-clipboard-action="copy" data-clipboard-target="#fuzhi4"title="復(fù)制">復(fù)制</button>
id="fuzhi(變量)"
data-clipboard-target="#fuzhi(變量)"

請(qǐng)問有辦法實(shí)現(xiàn)一鍵 復(fù)制 所有value里面的內(nèi)容嗎

回答
編輯回答
雨蝶

如果你希望動(dòng)態(tài)設(shè)置 text，你需要返回一個(gè)字符串。

new Clipboard('#fuzhi', {
  text: function() {
    return `
      我是被復(fù)制的內(nèi)容 我們不一樣 
      我是被復(fù)制的內(nèi)容 我是被復(fù)制的內(nèi)容 我和第一條不一樣
      我是被復(fù)制的內(nèi)容 我和第二條不一樣
      `;
  }
});

大概是這樣，文本自己提前準(zhǔn)備好或在回調(diào)函數(shù)內(nèi)實(shí)時(shí)獲取

2017年9月3日 08:05