瀏覽器里點擊復制到剪貼板的小方法

今天分享一個在瀏覽器里點擊復制到剪貼板的小方法，經測試所有瀏覽器都沒有兼容性問題，包括安卓和iOS，拿走不謝！

類似於這種需求：

 

 

 

現成的代碼：

function copy() {
    const input = document.createElement('input');
    input.value = '想要復制的內容';
    document.body.appendChild(input);
    input.select();
    if (document.execCommand('Copy')) {
        document.execCommand('Copy');
        console.log('復制成功！');
    } else {
        console.log('復制失敗！');
    }
    input.style.display = 'none';
}

　　還沒兩天呢，就被QA報了bug,360奇酷手機不支持這種方法復制，頓時被啪啪打臉，又實在不想動用原生的方法，所以最后只好妥協了增加長按進行復制的方法，只對該dom增加一個屬性即可，user-select:all;

　　H5的道路任重而道遠啊，現在相比於WX和RN落后太多了，且行且珍惜吧！