单纯的纯JS实现文本的复制粘贴

weixin_45316408

已于 2022-05-04 18:23:11 修改

阅读量538

点赞数

分类专栏： HTML js 文章标签： javascript 前端 html5

于 2022-05-03 18:09:15 首次发布

本文链接：https://blog.csdn.net/weixin_45316408/article/details/124559036

版权

HTML 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

3 篇文章 0 订阅

订阅专栏

这段HTML代码提供了一个简单的表格，展示了一系列手机号和对应的验证码。每个手机号和验证码旁边都有一个复制按钮，通过JavaScript函数`copyToClip`实现一键复制到剪贴板的功能。用户点击按钮即可方便地复制手机号或验证码，简化了手动输入的过程。

摘要由CSDN通过智能技术生成

<script>

    function copyToClip(content, message) {
        var aux = document.createElement("input");
        aux.setAttribute("value", content);
        document.body.appendChild(aux);
        aux.select();
        document.execCommand("copy");
        document.body.removeChild(aux);
        if (message == null) {
            alert("复制成功");
        } else {
            alert(message);
        }
    }


</script>


   
<table>
    <tbody>
    <tr>
        <th>手机号</th>
        <th></th>
        <th>验证码</th>
        <th></th>
    </tr>
    <tr>
        <td>17166698316</td>
        <td>
            <button onclick="copyToClip('17166698316')"> 复制</button>
        </td>
        <td></td>
        <td>
            <button onclick="copyToClip('验证码1')"> 复制</button>
        </td>
    </tr>
    <tr>
        <td>12678330003</td>
        <td>
            <button onclick="copyToClip('12678330003')"> 复制</button>
        </td>
        <td></td>
        <td>
            <button onclick="copyToClip('验证码2')"> 复制</button>
        </td>
    </tr>
    <tr>
        <td>17752606470</td>
        <td>复制</td>
        <td></td>
        <td>复制</td>
    </tr>
    <tr>
        <td>12513732705</td>
        <td>复制</td>
        <td></td>
        <td>复制</td>
    </tr>
    <tr>
        <td>15187180446</td>
        <td>复制</td>
        <td></td>
        <td>复制</td>
    </tr>
    <tr>
        <td>18388829095</td>
        <td>复制</td>
        <td></td>
        <td>复制</td>
    </tr>
    
    
    </tbody>