您现在的位置是:首页 > Javascript
当前栏目
js实现网站无感复制,用户访问网站自动复制内容到剪贴板。
2023-02-26 09:51:06 时间
有时候,我们希望用户访问我们网站就自动复制指定内容到用户剪贴板。 比如支付宝赞赏码什么的..... 但是这样的不好的地方就是会对用户的体验有影响,每次用户访问就会复制一次。
于是,今天收集整理了一段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>
本文共 157 个字数,平均阅读时长 ≈ 1分钟
相关文章
- HTML CSS3+JS实现【灵动岛】效果
- CNVD-2019-22238 fastjson反序列化漏洞
- guzzle 使用 json 作为主体请求接口
- 前端(JS)与后端(PHP) 通过 RSA 实现加解密
- js 实现版本号排序
- ‘DatePicker.RangePicker‘ cannot be used as a JSX component.
- 使用Helm部署Wikijs
- 我为什么选择Wiki.js记笔记?
- 如何通过 kubectl 进入 node shell
- JavaScript之无题之让人烦躁的模块化
- Javascript之异步循环打印这道小题
- Javascript之我也来手写一下Promise
- 《JavaScript 模式》读书笔记(8)— DOM和浏览器模式2
- 《JavaScript 模式》读书笔记(8)— DOM和浏览器模式1
- 《JavaScript 模式》读书笔记(7)— 设计模式3
- 《JavaScript 模式》读书笔记(7)— 设计模式2
- 《JavaScript 模式》读书笔记(7)— 设计模式1
- Javascript之其实我觉得原型链没有难的那么夸张!
- 《JavaScript 模式》读书笔记(6)— 代码复用模式3
- 《JavaScript 模式》读书笔记(6)— 代码复用模式2