複製內容到系統剪貼板(無flash)

IE

直接使用clipboardData便可:javascript

window.clipboardData.setData('Text', text);

其它瀏覽器

能夠嘗試execCommand('copy'),該命令支持IE 10+,chrome 43+,firefox 41+,opera 29+css

// 第一步:建立一個隱藏的文本域
$('<div id="s-clipboard-container"><textarea id="s-clipboard"></textarea></div>').appendTo('body');
// 第二步:將待複製的內容置入此文本域,並全選
$('#s-clipboard').val(text).focus().select();
// 第三步:執行copy命令
try { // 此API可能很差使
    document.execCommand('copy');
} catch (err) {
    console.log(err);
}
// 第四步:清空文本域(可選)
$('#s-clipboard').text('');

附相關css:java

#s-clipboard-container {opacity: 0;position: absolute;top: -10000px;right: 0;}
#s-clipboard {width: 1px;height: 1px;padding: 0px;}

參考連接:chrome

相關文章
相關標籤/搜索