使用clipboard.js插件
<span class="copy" id="demo" data-clipboard-text="abcdefg >.<">復(fù)制</span>
<script type="text/javascript" src="plugins/clipboard/clipboard.min.js"></script>
<script type="text/javascript">
var clipboard = new ClipboardJS('#demo');
clipboard.on('success', function(e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
// console.info('Trigger:', e.trigger);
alert('復(fù)制成功数初,復(fù)制到的內(nèi)容是:' + e.text);
e.clearSelection();
});
clipboard.on('error', function(e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
alert('復(fù)制失斉莺ⅰ寺谤!')
});
</script>
這樣在安卓手機(jī)上沒有問題眼俊,但是iOS手機(jī)上就沒有反應(yīng)了疮胖。
修改一下代碼:
<span class="copy" id="demo" data-clipboard-text="abcdefg >.<" onclick="" style="cursor:pointer;">復(fù)制</span>
注意:
span加了一個(gè)css屬性:cursor:pointer澎灸;
以及 onclick="",這個(gè)空事件,原因是ios默認(rèn)非點(diǎn)擊標(biāo)簽不具有點(diǎn)擊效果拦止,所以給這些標(biāo)簽添加相關(guān)屬性巩梢,這樣系統(tǒng)可以識別出來括蝠!