莫回?zé)o
2019-02-06 18:53:33
我想把后臺(tái)給的一個(gè)鏈接復(fù)制下來(lái),前提是這個(gè)按鈕被觸動(dòng)之后,鏈接隨著按鈕被觸動(dòng)就會(huì)自動(dòng)復(fù)制到手機(jī)的剪貼板上。js文件和html文件分別在兩個(gè)文件里,html文件里我已經(jīng)把下載的clipboard.js引入了,但是在該頁(yè)的js文件里我要?jiǎng)?chuàng)建一個(gè)對(duì)象如下圖:但是控制臺(tái)說(shuō)不行這是為什么??還有一個(gè)問(wèn)題是在這里的這個(gè)按鈕上我用了一個(gè)data-clipboard-text的屬性,我希望我后臺(tái)的返回的那個(gè)鏈接能夠直接給這屬性賦值,然后我點(diǎn)擊就可以了,請(qǐng)問(wèn)這要怎么做,在下圖我是點(diǎn)擊才綁定這個(gè)事件的,但是這樣應(yīng)該是不行的吧,要點(diǎn)擊之前就把這個(gè)鏈接給這個(gè)button的吧,可是后臺(tái)這個(gè)鏈接要怎么做才能提前把返回的這個(gè)鏈接給這個(gè)button?
1 回答

藍(lán)山帝景
TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊
有一種可能就是js文件順序不對(duì)(clipboard.js要放在自己文件前面),還有種可能就是根本就沒(méi)引入進(jìn)來(lái)(看看network面板內(nèi)是否有這個(gè)文件),或許就是路徑拼寫(xiě)錯(cuò)誤
在 button 上讓后端加一個(gè) data-clipboard-text 屬性,值就是要復(fù)制的內(nèi)容
<button id="copy-url" data-clipboard-text="讓后端加一個(gè)鏈接放這里">
復(fù)制
</button>
var clipboard = new Clipboard('#copy-url');
clipboard.on('success', function (e) {
console.log('復(fù)制的內(nèi)容為:', e.text);
e.clearSelection();
});
添加回答
舉報(bào)
0/150
提交
取消