首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

js实现网站无感复制,用户访问网站自动复制内容到剪贴板。

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

2K50

clipboard.js:最轻便的复制页面内容到剪切板的JS

最近在做一个项目的时候,需要实现一个功能就是点击一个按钮,将内容复制到剪贴板。...传统的复制页面内容到剪切板主要方法是通过 Flash,但是在现代浏览器中,Flash 逐渐没落,慢慢被淘汰,搜索了一圈,发现 clipboard.js 是目前实现该功能最轻便的工具。...clipboard.js 的使用方法 clipboard.js 只有3kb大小,无需 Flash,兼容所有现代浏览器,但是经过测试不支持微信内置浏览器。... 如果是剪切,加上属性: data-clipboard-action="cut" 如果复制的文字是隐藏的,可以通过 data-clipboard-text 定义到点击的按钮上 clipboard.js...的演示 我爱水煮鱼是最好的博客 复制 clipboard.js 的事件 有时候我们需要一些用户反馈,在初始化对象的时候可以定义 success 和 error 两个事件: var clipboard

2.5K60

前端H5怎么简单的实现复制text内容的操作

首先说明一下写这个的原因,现在不管是什么类型的网站,不管你访问的是什么类型的网址,进去以后你想要保存一些东西很简单,直接右键选择复制就可以了,这个是Windows自带的功能(快捷键 ctrl+c/ctrl...+v,不做赘述),那么windows提供了那么好的功能,我们为什么还要做一个复制的操作呢?...很简单有的时候访问网站的人不会这个操作,但是认识字,你可以给他提供一个复制的按钮,然后复制text输入的内容就可以了,这个他是会操作的,ok废话不说,简单的说明一些怎么实现。 var clipboard = new Clipboard('.btn'); clipboard.on...(clipboard.min.js),可以直接复制或者是自己写一个js也可以(也就是不管是外部引用还是直接引用都是没问题的) !

1.1K30

Excel报表中需要经常复制某行的全部内容怎么办?

在某些工作常用的Excel表格中,我们可能经常需要不停地复制粘贴某行内容,也许几十次、上百次,时间长了会使人发狂。 比方,你在服装业商品管理部门工作,其中有一项工作内容是“调拨”。...形成如下补货表 为了完成以上动作,我们需要将“该货号物流中心的货品“”复制成三行,分别补给甲、丙、丁店。...这里只是列举了一个货号三家店铺,但是想像一下: 万一你有500个货号,60家店铺,一个个不停的复制粘贴,你需要点击多少次鼠标,耗费多少时间?...基于以上问题,我写了个小小工具(为什么是“小小”,因为只有三行代码),可以安装到Excel上,您可以设置个快捷键或者快捷按钮,鼠标放在要复制的行的任意位置,快速实现整行内容复制

50720
领券