移动端浏览器实现复制

目前使用了clipboard,但是发现在ios10以下不兼容,请问有什么好的方法实现复制到剪切板吗?

阅读 1.9k
2 个回答

没有,不支持的提示手动复制

试试这个

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);
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题