不少网站都带有点击按钮或文字即可复制一段内容的功能,添加下面这段代码可以让你的网站也能做到点击即可复制内容的功能
<button class="copyBtn">点我复制内容</button>
<script type="text/javascript">
$(function(){
$('.copyBtn').click(function(){
var copyTxt = '要复制的内容';
const input = document.createElement('input');
input.setAttribute('readonly', 'readonly');
input.setAttribute('value', copyTxt);
document.body.appendChild(input);
input.select();
input.setSelectionRange(0, 9999);
if (document.execCommand('copy')) {
document.execCommand('copy');
alert('复制成功');
}
document.body.removeChild(input);
});
});
</script>
要复制的内容可以使用动态获取的方式做,也可以提前设置到某个区块内
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文系转载,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。