鍍金池/ 問答/HTML/ 移動端瀏覽器實現復制

移動端瀏覽器實現復制

目前使用了clipboard,但是發(fā)現在ios10以下不兼容,請問有什么好的方法實現復制到剪切板嗎?

回答
編輯回答
疚幼

沒有,不支持的提示手動復制

2017年3月3日 04:00
編輯回答
忠妾

試試這個

document.addEventListener('click', function bindCopy(e) {
    dom = document.createElement('textarea');
    // Prevent zooming on iOS
    dom.style.fontSize = '12pt';
    // Reset box model
    dom.style.border = '0';
    dom.style.padding = '0';
    dom.style.margin = '0';
    // Move element out of screen horizontally
    dom.style.position = 'absolute';
    dom.style['left'] = '-9999px';
    // Move element to the same position vertically
    var yPosition = window.pageYOffset || document.documentElement.scrollTop;
    dom.style.top = yPosition + 'px';

    dom.setAttribute('readonly', '');
    dom.value = '需要復制到剪貼板的內容';

    document.body.appendChild(dom);

    dom.select();
    dom.setSelectionRange(0, dom.value.length);
    document.execCommand('copy');
    document.removeEventListener('click', bindCopy);
})
2018年2月2日 02:07