有时候,我们希望用户访问我们网站就自动复制指定内容到用户剪贴板。
比如支付宝赞赏码什么的.....
但是这样的不好的地方就是会对用户的体验有影响,每次用户访问就会复制一次。
于是,今天收集整理了一段js代码完美实现。用户无感复制,直接将js代码放进网站头部即可!
下面是js代码
<script>
var text = '0副置口~令 666:/$d3vcdxz$~.饿了么App【快來領外賣紅包,最高20元,人人都有哦~】';
if (navigator.clipboard) {
// clipboard api 复制
navigator.clipboard.writeText(text);
} else {
var textarea = document.createElement('textarea');
document.body.appendChild(textarea);
// 隐藏此输入框
textarea.style.position = 'fixed';
textarea.style.clip = 'rect(0 0 0 0)';
textarea.style.top = '10px';
// 赋值
textarea.value = text;
// 选中
textarea.select();
// 复制
document.execCommand('copy', true);
// 移除输入框
document.body.removeChild(textarea);
}
</script>
评论 (0)