复制内容到剪贴板，不光安卓手机，还有苹果手机呢！

本文链接：https://blog.csdn.net/aizhemeilishen/article/details/85331715

探讨了在不同手机平台上实现复制内容到剪贴板的兼容性问题，分享了多种尝试，包括使用原生方法、clipboard.js及jQuery，最终推荐了一个在安卓和苹果手机上都能完美工作的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

复制内容到剪贴板

·苹果手机复制到粘贴板
·安卓手机复制到粘贴板

网上找了很多方法，我都试了一下；
发现或多或少，都存在点问题；
android手机能用；
然而一到苹果手机就不好使；
害的一直用android手机的我跟测试说了好几遍 都好使啊!

直到我用苹果手机测试发现
就Apple有这个问题
乔布斯之后Apple系统越来越脱机了保不齐哪天就废了

但是还是得处理啊，客户跟你死磕

1.给大家看看网上的写处理

<input id="demoInput" value="hello world">
<button id="btn">点我复制</button>

const btn = document.querySelector('#btn');
btn.addEventListener('click', () => {
    const input = document.querySelector('#demoInput');
    input.select();
    if (document.execCommand('copy')) {
        document.execCommand('copy');
        console.log('复制成功');
    }
})

写个页面，不熟看下，还是只能android使用；

2.当然你可以使用`clipboard.js`,好使不好使，

我也不知道，但是我感觉没必要，系统自带的功能，几行代码就应该搞定的。何必用个插件；大家可以去试试；

var clipboard = new Clipboard('#codeBtn');

3.使用jquery

来看代码直接

<table id="data">
    <tr>
        <td class="copyable"> 姓名:</td>
        <td class="copyable">张三</td>
    </tr>
    <tr>
        <td> 年龄:</td>
        <td>18</td>
    </tr>
    <tr>
        <td class="copyable"> 性别:</td>
        <td class="copyable">男</td>
    </tr>
</table> 
<br> <button id="copy">copy</button>
<div id="copy-temp"></div>

$("#copy").click(function () {
    var $o = $("<textarea rows='10' cols='50'>");
    $o.val($("#data .copyable").text())//填充要复制的文字
    $("#copy-temp").append($o)
    if (copy($o[0])) {
        $o.remove()
        alert("复制成功！");
    }else{
        alert("复制失败，请手动复制");
    }
})

function copy(obj) {
    obj.select();
    try {
        if (document.execCommand('copy', false, null)) {
            document.execCommand("Copy");
            return true;
        } 
    } catch (err) {

    }
    return false;
}