js实现复制到粘贴板功能

最新推荐文章于 2024-07-09 14:19:27 发布

蒙奇·D·川

最新推荐文章于 2024-07-09 14:19:27 发布

阅读量368

点赞数

文章标签： js html

本文链接：https://blog.csdn.net/WXC_MangGuo/article/details/115068502

版权

js通过onclick事件复制指定位置的内容到粘贴板上，代码很简略，直接上。

html部分

<body>
    <div id="copyVal1">张三，12</div><button onclick="onCopy(1)">复制</button>
    <div id="copyVal2">李四，88</div><button onclick="onCopy(2)">复制</button>
    <div id="copyVal3">王五，66</div><button onclick="onCopy(3)">复制</button>
</body>

js部分

function onCopy(val){
        var text = document.getElementById(`copyVal${val}`)
        window.getSelection().selectAllChildren(text);
        document.execCommand("Copy");
        alert('复制成功')
    };

通过点击复制再进行粘贴后的效果

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蒙奇·D·川

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js实现复制到粘贴板功能

js通过onclick事件复制指定位置的内容到粘贴板上，代码很简略，直接上。html部分<body> <div id="copyVal1">张三，12</div><button onclick="onCopy(1)">复制</button> <div id="copyVal2">李四，88</div><button onclick="onCopy(2)">复制</button>
复制链接

扫一扫